CSS详解一 ——CSS概念、书写、语法

一：css概念

css  -层叠样式表

      -网页实际上是一个多层的结构，通过css可以分别为网页的每一层来设置样式，而最终我们能看到的只有最上边的一层  //类似女生化妆 ，给网页化妆 

             -设置网页中元素的样式

             

如果要设置css样式，前提  

1. css书写位置
2. 如何选中对应的结构  //先找对地方，后化妆  

       

你要找的事，找对追求目标，然后各种花招追求她（他）

二：CSS书写位置

CSS样式：名值对的结构   样式名:样式值;

      font-size: 30px;       设置字体大小

      color:red;          设置字体的颜色

      background:black;   设置背景颜色

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

//在标签里进行，样式写在开始标签里 

       在开始标签内，配置style属性，在style属性值里写css样式

   //样式分为   样式名：样式值;   名值对的结构

       可以写多组css样式，样式与样式之间用;隔开

       缺点：

          1、结构和样式耦合   //显得不好看

          2、不容易修改       //代码太多，修改麻烦

       总结：不建议使用

      

第二种方式：内部样式表 

写在里，在

第三种方式：外部样式表

    在html文件外新建一个.css文件，在css文件通过选择器选中对应的结构，设置相关的样式

通过link标签，将html文件和css文件联系在一起  //用前，先引用

    总结：大的项目，或者复用率高的，推荐使用

    //一次代码，多个文档使用 

  

    

  

三：CSS的语法

html和css是两种不同的语言，所以有不同的书写位置，也有不同的语法

CSS的语法：

选择器  声明块

                        

选择器：如何选中对应的html标签

声明块：就是对应的css样式    名值对结构

标签{名值对}   //地方{妆容}

  //CSS的注释必须写在style里，或者是CSS文件中