CSS基础一
CSS
CSS:层叠样式表
CSS三大特性:层叠性、继承性、优先级
样式:
行内样式
内嵌样式
外联样式
注释
CSS语法(从语法我们就可以看出CSS只需要学选择器和声明块)
常用选择器
1.元素选择器
2.id选择器(一个元素不可以设置多个id属性值)
3.类选择器
4.选择器分组
5.通配符选择器
6.复合选择器(交集选择器)
7.后代元素选择器(只要是后代都控制)
我们要搞清楚后代和子代的关系,我们可以来看下面图
8.子元素选择器(IE6及以下的浏览器不支持子元素选择器)
9.伪类选择器
:link :未被访问之前,
:visited :已经访问过之后,只能设置颜色
:hover :悬停时
:active :点击时
注意: hover和active 也可以为其他元素设置
伪元素
子元素伪类选择器
否定伪类
10:属性选择器
11:兄弟元素选择器(注意:下面第一个兄弟选择器,必须是紧挨着,中间是不能有任何元素的)
选择器优先级
注意,可以在样式最后,添加一个!important,则此时该样式将会获得一个最高的优先级,将会优先于所有的样式显示甚至超过内联样式,但是在开发中尽量避免使用!Iimportant
还有一个a标签伪类优先级问题
,
所以我们在写a伪类的时候,一定要按link、visited、hover、active的顺序依次写