css的基本语法和选择器

咱们上一章简单了解了怎么在文件里写入css和盒模型的具体结构。
咱们这一章说一下css的语法:
css的语法要点有三点:1.选择器,2.大括号,3.多条生命。大概的公式是:
选择器 {声明1; 声明2; ... 声明n }
咱们继续拿以前的页面说: css

选择器是一种在复杂的页面里面快速找到你要渲染的(一个或者多个)元素的标示方式 。因为咱们关于选择器要讲两章,因此咱们这第一章先带你认识一下选择器:
1.全局选择器

这就是一个很典型的全局选择器的用法(可是不推荐这么用)。因为每一个浏览器默认的外边距和内部的填充距离不同,因此咱们索性就让全部元素默认没有外边距和内部填充距离,用*来所有“初始化”一下,杀伤范围最大 2.标签选择器

经过同一类别的标签去作选择的选择器,杀伤范围很大 3.类选择器
类选择器须要有两点需求:
A.须要在标签上加上class属性
B.写选择器名字的时候前面带上“.”

同一个类选择器能够对应着多个标签

4.ID选择器
ID选择器一样有两点需求
A.在标签上加上id作为属性
B.写选择器的时候要加上“#”

理论上来讲一个id选择器只能对应着一个标签,杀伤性最小,可是又最精准。
那么问题来了若是在一个类选择器和id选择器和标签选择器同时存在的状况下咱们css渲染该听谁的呢?这就是咱们下一章要讲的选择器的 权重
相关文章
相关标签/搜索