css选择器

 1、标签（元素）选择器

      作用：通过对应的标签名选中内容

      语法：标签名{}

      注意：会波及其他的同标签名的内容

2、id选择器

      作用：通过id属性值，选中对应的内容

      语法：#id属性值{}

      注意：id属性值不能以数字，汉字开头，而且id属性值不能复用

3、class选择器

      作用：通过对应class属性值选中内容，跟id选择器很像，不同的是class属性值可重复使用

      语法：.class属性值

      注意：最常用的选择器

4、通配选择器

      作用：选中页面中所有的标签

      语法：*{}

css书写：

 第一种方式：内联样式/行内样式

    写在开始标签或者自结束标签内部，写一个style属性，将css样式写在属性值

    可以写多组样式，但一定要用;隔开

    优点是有针对性

    缺点：

    1、html结构和css样式耦合了，不好看

    2、不好修改

    不建议使用

-第2种方式：内部样式表

    写在head标签内，写一个style标签，在style标签内，通过选择器，选中对应的内容

    在{}内设置css样式，可以写多组样式，用;隔开

    优点：方便修改

    缺点：1、css样式，还是写在html文件内部，会导致代码量很多

         2、不方便复用

第三种方式：外部样式表

    在html文件外面新建一个.css文件，在css文件内，选中对应的内容，写css样式

    通过在html文件head标签内写link标签，引入对应的css文件

    或在style标签内， @import url(./02.css书写位置.css);

推荐使用

    -->

    <!-- <link rel="stylesheet" href="./02.css书写位置.css"> -->