前端进阶（4）CSS

CSS实现了内容与表现的分离，提高了代码的可重用性和可维护性

HTML用于布局，CSS用于样式

CSS样式表使用方式

1.内联方式（内联样式）

    将CSS样式定义在HTML的标签中。

    特点：不通用，只能定义某一标签的单独样式。

2.内部样式表

   将一系列样式定义在HTML的中

   特点：当前网页任何一个标签都可以使用，可重用性。

3、外部样式表

     将样式定义在外部的css文件中可以引用

     实现真正的样式的重用

3、 内联方式的css 

      定义在HTML标签中的style属性里的

     

      CSS语法：

     样式规则：

                 属性名称：属性值    多个规则之间用；进行区分

                 color：red  ;  background-color:blue;

样式组成：选择器和样式声明

选择器：决定了哪些元素能够使用定义好的规则

样式声明：由一对大括号包围着所有的样式规则

选择器{

/*样式规则*/

属性名称：属性值；

属性名称：属性值；

}

5、外部样式表

     

               

     

     

6、 CSS样式表特征

    1. 继承性  大部分的样式属性是可以被继承的

    2.  层叠性  可以为一个标签定义多个样式，不冲突时，可以合并为一个

    3.  优先级  样式定义冲突时，会根据样式规则的优先级进行应用样式

             级别最高：内联样式，其次：内部样式表和外部样式表，就近原则

7、调整优先级

     !important

      语法：选择器{属性：属性值 !important;}

7、选择器  规定了哪些元素能够使用定义好的样式

     1、通用选择器：*