1.CSS选择器
1.1标签选择器
p{
color: red;
}
1.2类选择器
1.3 ID选择器
1.4 群组选择器
注意：Class 和 id 的值区分大小写
1.5 全局选择器
1.6 后代选择器
2.伪类
<style type="text/css">
a:link{color: blue;} /*未访问状态*/
a:visited{color: gray;} /*已访问状态*/
a:hover{color: green;} /*鼠标悬浮状态*/
a:active{color: orange;} /*激活状态*/
</style>
hover 和 active 支持其他标签
p:hover{color:red;}
p:active {color:red;}
3.CSS继承和层叠
3.1CSS继承
1.父元素设置样式，子元素可以继承部分属性。(无法继承的通过群组设置。可以减少CSS代码)
2.样式冲突会忽略继承得来的样式
3.2CSS层叠
4.CSS优先级
1
2
权值高的显示
提高优先级
总结：
5.CSS样式命名
1
2
3
4
id不要滥用，谨慎使用
适当使用class
网友评论