css引入与css选择器

一、CSS引入方式有三种：行间样式、内部样式、外部样式

1.行间样式的优缺点：(1)优点：不会额外的产生请求

                                   (2)缺点：容易产生重复的代码，造成文档体积变大；不利于维护；不符合结构与样式分离的规范；

所以，综上所述：不建议使用行间样式

2.CSS内部样式：在html文档中开辟一个书写CSS语句的区域

  内部样式的优缺点：(1)优点：不会产生额外的请求；初步实现结构与样式分离；

                                  (2)缺点：代码复用不方便；适合单页面网站应用；

3.CSS外部样式的优缺点：(1)优点：利于后期维护；可以重复使用；完全实现结构与样式的分离；

                                           (2)缺点：会产生额外的请求(但是后期我们可以借助工具磨平这个缺点)

二、CSS选择器

基础选择器：

1.通配选择器：*{} 作用于所有标签，无论这个标签有没有写，有没有在文档中出现

2.标签选择器：标签名{} 作用于一类标签，方式是通过标签名称，

   使用场景：重置某类标签的默认样式

3.群组选择器：选择器1，选择器2，选择器3，...{}

   使用场景：用于优化代码，减少文档体积

4.类选择器：类名{}

   使用场景：可以应付各种场景，是我们最常用的一种选择器。class名可以有多个，多个class名用空格隔开。主要作用于具有相同样式的元素设置上。

注意：class命名规范：不要以数字开头；尽量取得有意义；多个单词建议使用"_"连接

5.后代选择器：选择器1 选择器2 选择器3 ...{}