css基础

一、定义和应用

    1、从其他样式表中导入到另一个样式表中  @import " style.css" 必须位于顶端，样式表自己定义的样式不再在它之前。

    2、声明样式表的字符编码  @charset "UTF-8" 可以出现在  @import "之前

    3、样式表的层叠

                元素内嵌样式表(用元素的全局属性style定义的样式)

                文档内嵌样式(定义在style元素中的样式)

                 外部样式(link元素导入的样式)  （前三个为作者样式）

                  用户样式（用户定义的样式）（用户样式）

                  浏览器样式（浏览器应用的样式） （浏览器样式）

    4、css属性继承 （不是所有的都可以继承）

         可继承：与外观样式（文字，颜色，字体等）相关的样式都会被继承

         不可继承： 与元素在页面上的布局相关的样式不会被继承( 用inherit 可以强行实施继承，明确指示浏览器在该属性上使用父元素样式用的值)  span{ border:inherit}

    5、css颜色函数

          rgb(r,g,b)    rgb模型表示颜色

          rgba(r,g,b,a)    rgb模型表示颜色外加一个透明度

          hsl(h,s,l)   用hsl模型(色相，饱和度，透明度)

          hsl(h,s,l,a)   用hsl模型(色相，饱和度，透明度)加一个透明度

    6、css相对单位

           em  与元素字号相关

            ex   与字体的高度相关

           rem   与根元素的字号相关

           px   css像素