CSS笔记（三） 三大特性、背景

1、CSS三大特征：

（1）层叠性：指多种CSS样式叠加

                   样式冲突重叠，遵循就近原则，哪个样式离结构近就执行哪个

     

（2）继承性：子标签会继承某些父标签的样式

                   如文本颜色或字号会继承（text-、font-、line-），高度不会继承

 

（3）优先级：

                行内样式 > 页内样式 > 外部引用样式 > 浏览器默认样式

               ！important > 内联 > ID > 伪类\类\属性选择 > 标签 > 伪对象 > 通配符 > 继承

               (伪类0010)

      （权重相同，就近原则）

        权重还会叠加：  .p{}  >  div p{}  >  p{}

        p中有自己的属性，不会继承div的，继承的权重0000。

 

 

 

2、背景：background

分开写法：

　　background-color：purple;

　　background-image：url(../xxx.jpg)

　　background-repeat：repeat | no-repeat | repeat-x | repeat-y （平铺与否，在x/y轴平铺）

　　background-position：center top;

　　background-attachment：scroll  |  fixed; （背景滚动或者固定）

 

总写：

　　（background：背景颜色 背景图片地址 背景平铺 背景滚动 背景位置）

　　background: #000  url(imaages/sm.jpg) no-reapt fixed center top;

 

 

（1）背景透明：css3

      background: rgba(0，0，0，0.5);   //red  green  blue  alpha（透明度0~1）

 

（2）

   背景图片用：background-image：url(../xxx.jpg)

   插入图片用：<img sre="xx.jpg">