- 博客(9)
- 收藏
- 关注
RSS订阅
原创 学习CSS布局前，你需要先理解什么是元素“显示模式”
前言：很多同学对于块元素、行内元素（内联元素）和行内块元素的概念很模糊，通过从各个元素在浏览器中的显示模式，来探究各个元素的分类是一个不错的理解思路。下面就是分别从这三种不同显示模式出发，对各个元素进行分类并解释各类元素的特点：块级显示模式指元素在浏览器中占用位置为横向一块一块的。设置宽高起作用，自己单独占一行，在不设置宽高的情况下，自身宽度和父元素宽度相同。拥有块级显示模式的元素（块元素...
2019-10-25 20:02:40
128
原创 编写CSS选择器时常见错误总结
实例主体结构如下，调试环境为Chrome:错误一：选择器填写错误例如：选择器填写不完整，此处少了一个“1”。现象：浏览器不能正确检测到该选择器。错误二：属性名或属性值填写错误例如：现象：浏览器直接报错，提示该条属性声明无效。错误三：选择器填写时丢掉大括号例如：现象：浏览器不能正确检测到该选择器。错误四：选择器中出现多个属性时，属性与属性之间未用分号隔开例如：现...
2019-10-25 19:16:57
2188
原创 标准盒子模型和怪异盒子模型（内减模式）（box-sizing）
标准盒子模型和怪异盒子模型（内减模式）（box-sizing）box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行/列为。默认值：content-box 不可继承值content-box默认值，标准盒子模型。 width 与 height 只包括内容的宽和高， 不包括边框（border），内边距...
2019-11-20 08:22:30
1066
原创 CSS3之自定义字体
自定义字体@font-face:允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式，可以消除对用户电脑字体的依赖font-family所指定的字体名字将会被用于font或font-family属性src字体资源注意:不能在一个 CSS 选择器中定义 @font-face...
2019-11-20 08:20:49
173
原创 选择器的特殊性
选择器的特殊性选择器的特殊性由选择器本身的组件确定，特殊性值表述为4个部分，如 0,0,0,0一个选择器的具体特殊性如下确定：1.对于选择器中给定的ID属性值，加 0,1,0,02.对于选择器中给定的各个类属性，属性选择，或伪类，加 0,0,1,03.对于选择器中的给定的各个元素和伪元素，加0,0,0,14.通配符选择器的特殊性为0,0,0,05.结合符对选择器特殊性没有一点贡...
2019-11-20 08:19:45
320
原创 选择器之伪类与伪元素选择器
选择器之伪类与伪元素选择器一.链接伪类。锚点伪类：提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。提示：伪类名称对大小写不敏感。二.表单相关伪类。表单状态1：表单状态2：===> 获取焦点：===>...
2019-11-20 08:18:57
452
原创 选择器之属性选择器
选择器之属性选择器[attr]：该选择器选择包含 attr 属性的所有元素，不论 attr 的值为何。可以拥有多个,例如[atter][atter2]…，元素必须同时拥有所有属性时才能被选择。[attr=“val”]：该选择器仅选择 attr 属性被赋值为 val 的所有元素。[attr=“val”][attr2=“val”]…...
2019-11-18 22:28:45
165
原创 选择器之基本选择器及其扩展
选择器之基本选择器及其扩展1.基本选择器2.子元素选择器（直接后代选择器）: 只要是父元素的直接后代就能被选中3.相邻兄弟选择器：匹配+前紧跟着的兄弟元素。4.通用兄弟选择器：在使用 ~ 连接两个元素时,它会匹配第二个元素,条件是它必须跟(不一定是紧跟)在第一个元素之后,且他们都有一个共同的父元素5.分组选择（选择器分组）：...
2019-11-18 22:25:29
328
原创 CSS样式
1.css(Cascading Style Sheets)层叠样式表2.选择器渲染是从右往左渲染的3.样式表的组成：内部 外部 内联 内联 外链 内嵌4.css声明的优先级:选择器的特殊性选择器的特殊性由选择器本身的组件确定，特殊性值表述为4个部分，如 0,0,0,0一个选择器的具体特殊性如下确定：1.对于选择器中给定的ID属性值，加 0,1,0,02.对于选择器...
2019-11-18 22:22:26
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人