我们上一章简单了解了怎么在文件里写入css和盒模型的具体结构。
我们这一章说一下css的语法:
css的语法要点有三点:1.选择器,2.大括号,3.多条生命。大概的公式是:
选择器 {声明1; 声明2; ... 声明n }
我们继续拿之前的页面说:
1.全局选择器
这就是一个很典型的全局选择器的用法(但是不推荐这么用)。由于每个浏览器默认的外边距和内部的填充距离不一样,所以我们索性就让所有元素默认没有外边距和内部填充距离,用*来全部“初始化”一下,杀伤范围最大 2.标签选择器 通过同一类别的标签去做选择的选择器,杀伤范围很大 3.类选择器
类选择器需要有两点需求:
A.需要在标签上加上class属性
B.写选择器名字的时候前面带上“.”
同一个类选择器可以对应着多个标签 4.ID选择器
ID选择器同样有两点需求
A.在标签上加上id做为属性
B.写选择器的时候要加上“#”
理论上来说一个id选择器只能对应着一个标签,杀伤性最小,但是又最精准。
那么问题来了如果在一个类选择器和id选择器和标签选择器同时存在的情况下我们css渲染该听谁的呢?这就是我们下一章要讲的选择器的 权重