css层叠样式总结

一.css简介

 css是层叠样式表。网页其实是多层的，css可以给每一层设置样式，最终我们看到的是最上面的一层

二.css书写方式

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

         在标签里面的style属性中写css样式

         css样式的语法：样式名:样式值;    名值对

         可以写多组样式，只要以分隔号隔开即可

优势：1、比较有针对性

缺点：1、修改起来不方便2、结构和表现耦合了

第二种方式：内部样式表

在head标签内部，写一个style标签，通过各种选择器选中对应元素，在{}内设置样式

优势：1、修改比较方便  2、结构和表现就分开

缺点：1、不方便复用

 第三种方式：外部样式表

在html文件外，新建.css文件，在css文件里，选中对应的元素，设置样式，通过link标签，引入.css文件，即可生效。

三.CSS的语法：

选择器  声明块    

选择器：    

 声明块：名值对结构    样式名:样式值;

   

四.css常用选择器

1、元素选择器

        作用：选中对应元素/标签里面的内容

        语法：标签名{}

        例如：h1{},p{}

        p{color: green;} 

2、id选择器