CSS标签的分类和选择

标签的分类

标签的分类

---

标签的选择

块元素标签的选择

h1~h6 : 作为标题使用，并且依据重要性递减；

p : 定义段落；

ol : 定义有序列表；（只能嵌套< li >标签）

ul : 定义无序列表；（只能嵌套< li >标签）

dl : 定义自定义列表；（图文并茂）

dt : 定义列表中的项目（存放图片）;

dd : 描述列表中的项目（存放内容）。

行元素标签的选择

span：无语义标签，类似div；

strong：定义强调文本，表示加粗；

em：定义强调文本，表示倾斜；

b：定义修饰文本，表示加粗；

i：定义修饰文本，表示倾斜；

img：定义图片，用于在页面中显示图片；

a：定义链接。

---

合理的选择标签

考虑标签的语义性；

少起类名——合理使用后代选择器；

考虑嵌套的层级，代码的可读性。

---

图文并茂

图文并茂的排版，优先使用dl，但是当内容较少时，也可以选择img、p标签来排版，以减少嵌套层级。