CSS 框模型
- 又一个布局利器，CSS 伪类 :placeholder-shown
-
一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。简单来说就是当输入框的placeholder内容显示的时候，输入框干嘛干嘛。兼容性如下，在移动端没什么问题plac...
- Vue的干货分享-Vue3中的弹窗(模态框)的使用
-
项目实战，简单易懂，复制粘贴即可直接使用，不讲大框架，只分享实用技巧。本篇文章中模态框插件引用自bootstrapv5.x，个人比较喜欢实用bootstrap这个web前端框架要在Vue3中使用bootstrap插件实现模态框，你可以按照以下步骤进行：导入bootstrap插件：在你的Vue3项目中...
- 数据库模型怎么画?5个步骤完成数据库模型图
-
数据库模型是数据库的抽象，也是数据库的核心以及基础。数据库模型描述的内容包括有数据结构，数据操作和数据的约束条件。数据结构用来描述数据的类型，内容，性质，以及数据之间的关系；数据操作主要是描述在数据结构上进行的操作类型以及方式；而数据的约束条件数据结构内的语法，词义之间的联系等。数据库模型的常见用途...
- 浅谈CSS布局之圣杯布局和栅格布局
-
检验前端的一个基本功就是考查他的布局。很久之前圣杯布局风靡一时，这里就由圣杯布局开始，到最流行的Bootstrap栅格布局。圣杯布局 先来看看圣杯布局，这是一种三列布局，两边定宽，中间自适应的布局，案例如下<!DOCTYPEhtml><html><head&...
- 必须要掌握的盒模型重要属性——box-sizing
-
以前在学习html的时候，总是看见其他网站在根元素上加一个box-sizing:border-box，一直没有搞明白这个属性具体是干什么的，这两天在学习的时候遇到了关于内边距和边框的尺寸，以及一个元素的宽高的问题才明白这个属性到底是什么意思，以及怎么用的。一般情况下，CSS盒模型的默认定义中，一个...
- css实现的图片悬停旋转弹出文本框html页面前端源码
-
大家好，今天给大家介绍一款，css实现的图片悬停旋转弹出文本框html页面前端源码（图1）。送给大家哦，获取方式在本文末尾。当鼠标经过图片的时候，就会激活旋转和文本弹出事件，非常适合用在图片展示的功能中（图2）源码完整，需要的朋友可以下载学习（图3）本源码编码：20241，需要的朋友，访问下面链接后...
- 前端入门教程:CSS标准盒模型和怪异盒模型区别
-
理解盒模型：CSS3中的盒模型有以下两种：标准盒模型、IE盒子模型(怪异盒模型)，盒模型是由4个部分组成，由内向外分别是content(下图蓝色部分)、padding、border、margin盒模型有5个属性：width元素宽height元素高border元素边框线pdding元素内边距m...
- HTML讲解——网页中的文本框（html文本框位置如何调整）
-
我们在上网的时候，经常有一些登录界面进行输入账号和密码，以及我们在网上填一些信息，这些功能的实现都是通过表单来完成的，今天我们就来讲讲表单。表单不是指一个标签，而是指一类标签。我们表单里所有的内容都要写在标签中form的action属性是将表单所填的内容发送到想要发送的后台，而method属性有两...
- 深入浅出 CSS Shape（深入浅出的意思）
-
译者按：在WWDC2014之前我就打算把这篇文章翻译出来与大家分享；好在WWDC2014上CSSShape也露了一脸。快点阅读本文，了解初出茅庐的CSSShape是何方神圣吧！方框套方框：这就是目前网页的样子。长久以来，我们努力尝试使用CSS来创建几何形状来突破这种限制。但是这些形状无法影响...
- CSS视觉格式化模型，你真的了解么?
-
CSS视觉格式化模型（visualformattingmodel）是用来处理文档并将它显示在视觉媒体上的机制。这是CSS2.1的一个基础概念。视觉格式化模型根据CSS盒模型为文档的每个元素生成0，1或多个盒。每个盒的布局由如下内容组成：盒尺寸：明确指定，受限或没有指定盒类型：块级盒（block...