CSS笔记——2019-7-20

• 选择器的优先级：!importan>style>id>class（内联>外联）>标签选择器

---

• div和span的区别：

1. div是block元素，可以设置宽度和高度；可以用 "style"中的 "text-align: center"将块中的inline元素和inline-block元素居中（需要注意：此时inline-block元素中的inline元素默认剧中，如果不符合要求，需要将其设置为其他的 "text-align"属性）
2. span是inline元素，不可以设置宽度和高度，只可以设置行高，宽度由内容自动撑开，"text-align"属性对其无效

---

• 后代选择器会选择所有的后代（包括后代的后代，即内嵌的也会被选择，不过需要注意，标签比较特殊，不能内嵌任何元素，切记）
• 基本格式为：p a{ ··· } p .tag{ ··· } #h1 .tag{ ··· } #h1 a{ ··· } ···

---

• 子选择器——只选择直接后代（即不包括后代的后代）
• 基本格式：p>a{} p>.tag{} ···

---

• 相邻同辈选择器选择相邻的指定元素（及其所有的后代，也就后代的后低）
• 基本格式：p+a{} p+.tag{} ···
• 相邻：即与本标签同辈，且位于本标签下方（上方的标签不会被选中）的标签（且为指定的标签）

---

• 标签是一个显示缩写的标签，是