CSS样式4

目录

1.css三大特性(层叠性,继承性,优先级)

Visibility

outline

appearance: none;

resize:none;

---

1.css三大特性(层叠性,继承性,优先级)

1.层叠性：

层叠性是相同选择器操作CSS样式的叠加，是浏览器处理样式冲突的方式。

样式冲突，遵循就近原则。后面样式盖前面

2.继承性：

子标签会继承父标签的某些样式。

文本类属性:font,font-size,color,line-height,font-family等具有继承性，都可以在body 中统一设置，然后影响文档中所有文本。

1. 优先级：

不同选择器操作相同元素的相同属性

选择器权重：

通配符选择器 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>)