目录
1.css三大特性(层叠性,继承性,优先级)
1.层叠性:
层叠性是相同选择器操作CSS样式的叠加,是浏览器处理样式冲突的方式。
样式冲突,遵循就近原则。后面样式盖前面
2.继承性:
子标签会继承父标签的某些样式。
文本类属性:font,font-size,color,line-height,font-family等具有继承性,都可以在body 中统一设置,然后影响文档中所有文本。
- 优先级:
不同选择器操作相同元素的相同属性
选择器权重:
通配符选择器 0,0,0,0
标签选择器 0,0,0,1
class选择器 0,0,1,0
id选择器 0,1,0,0
内部样式 1,0,0,0
!important 无穷
继承权重最低 0
多个选择器混杂时,权重之和也是用四个数字来组成,没有进位,比如: 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0, 所以不会存在10个div等于一个类选择器的状况。
Visibility
visibility:visible(对象可视),hidden(对象隐藏),collapse
visibility:hidden;属性会使对象不可见,但该对象在网页所占的空间没有改变,等于留出了一块空白区域,而 display:none属性会使这个对象彻底消失。
outline
定义和用法:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
注意:轮廓线不会占据空间,也不一定是矩形。
作用:清除input框获取焦点之后的样式。
语法:outline:none
appearance: none;
定义:appearance 属性可以使元素看上去像标准的用户界面元素
作用:修改元素的样式【可用于清除下拉菜单、单选框自带的样式】
resize:none;
不允许用户调整大小(文本域<textarea>)