一:选择器
1、选择器:通过标识选择指定的元素,那么这个标识就是选择器
2、组成:基本选择器:标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器
复杂选择器:子代选择器(>)、后代选择器( )、交集选择器(.)、并集选择器(,)
伪类选择器(多用于a标签): :link(未访问) :hover(移入) :active(点击) :visited(访问后)
3、注意:子代选择器:亲儿子 ul>li
后代选择器:儿子、孙子、重孙子 ul li ul div
4、交集与并集的关系
与高数交并集关系一致 并集.a,.b 交集 a.b
5、伪类:
- :hover 鼠标移动到链接上
- :link 未访问的链接
- :active 选定的链接访问
- :visited 过的链接
二:CSS书写规范
- 空格规范:
- 选择器与{之间必须包含空格
- 属性名与之后的 : 之间不允许包含空格, : 与属性值之间必须包含空格
- 选择器规范:
- 当一个rule包含多个selector时,每个选择器声明必须独占一行
- 嵌套层级应不大于 3 级
- 属性规范:
- 属性定义后必须以分号结尾
- 属性定义必须另起一行
- a标签去下划线:text-decoration:none
- li标签去点:list-style:none
- 快速搭建页面:ul>li*5
扩展:html简写方式:
table>tr*5>td*6
div.box
div#box