学习css的第一步

需求：给p标签和div标签内容设置一些css样式 -->

  第二种方式：内部样式表

      书写位置：

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

        在{}内书写css样式，可以写多组样式，样式与样式之间；隔开

      缺点：

        1、css样式还是写在html文件内，如果css样式过多，会导致html文件很长，不方便查看html结构

        2、不方便复用

      如果css代码较少，且不会被复用，可以使用内部样式表

   

     第三种方式：外部样式表

      书写位置：

        在html文件外新建一个.css文件，在css文件内，通过选择器选中对应的内容

        在{}内书写样式，然后通过link标签，将css文件和html文件联系在一起

     

      如果css代码较多，代码可能被复用，推荐外部样式写法

    

    css样式

    color  设置字体的颜色，red,green,blue,black,pink·····

    background-color  设置背景色  red,green,blue,black,pink·····

    font-size  设置字体的大小   默认是16px

    width   设置元素的宽度  单位：px

    height  设置元素的高度  单位：px

 css样式的语法：样式名：样式值；

              color:red;

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

    书写位置：

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

      可以写多组样式，样式与样式之间要用；隔开

    缺点：

      1、html结构和css表现耦合了，导致代码宽度变大，不方便查看

      2、不易修改

      3、权重很高，后期很难通过js或者其他框架去修改

    不推荐使用

复合选择器

        交集选择器

          作用：选中同时满足选择器1选择器2选择器3····对应的内容

          语法：选择器1选择器2·····{}

          注意：如果选择器中有标签选择器，那么标签选择器必须放在首位

        并集选择器（群组选择器）

          作用：同时选中选择器1，选择器2·····对应的内容

          语法：选择器1，选择器2，选择器3·····{}