前端基础笔记04

1、嵌套样式   作用于当前页面
   行内样式   作用于当前标签
   外联样式   作用于多个页面




2、border ：border-width  border-style  border-color


    font：  font-style    font-weight   font-size     font-family


 background：。。


3、text-indent：
   作用：设置首行缩进
   用法：text-indent：2em；
   em：一个文本的距离




   text-align：
   作用：设置文本的位置
   取值：center  left  right








   text-decoration：
   作用：设置文本的装饰
   取值：
   none没有任何装饰  underline下划线  overline  line-through。
    
4、margin：0  auto；设置容器居中
   text-align：center  设置容器内容居中  




5、css的三大特性


   1.继承性：text-   font-  line-开头的属性以及color，div的宽度都是可以继承的
   
    特殊性：1.0 a标签的颜色不能继承，如果一定要修改a标签  要直接作用在a标签上
            2.0 h标签的大小不能继承，如果一定要修改h标签  要直接作用在h标签上
            3.0 div标签的高度如果不设置，那么就由内容决定（没有内容高为0）
                         宽度默认由父元素继承过来


   2.层叠性
       
          是浏览器处理冲突的一个特性


    


   3.优先级


    ！important》行内样式》id选择器》类选择器》标签选择器》通配符》继承




   3.1    ！important 对应得优先级最高，但无法继承
  
   3.2    权重
   作用：多个选择器组合以后的优先级


   算法：    （0,0,0,0）===》第一个0对应的是important的个数，
                             第二个0对应的是id选择器的个数
                             第三个0对应的是类选择器的个数
                             第四个0对应的是标签选择器的个数
                             这就是当前选择器的权重




   比较：
           先从第一个0开始比较，如果第一个0大，那么说明这个选择器的权重高
                                如果第一个0相同，那么比较第二个0，以此类推
    
   
   总结：  权重其实是优先级的算法
           优先级是层叠的表现
  
   3.3 选择器工作的一个原理
  
   
      选择器在查找元素的时候不是从左向右找  而是从右向左找




           
四、背景






五、元素的显示方式
  
  行内元素：例如：span,a,b,u,i,s,strong,em,ins,del


  属性：display:inline


  特点：
    1.0  一行里面可以显示多个


    2.0  无法设置宽高


    3.0  大小由内容决定




  块级元素：例如：div，p,h1-h6,ul,ol,li,dl,dt,dd


   属性：display:block;
 
   特点：
    1.0   独占一行
   
    2.0   可以设置宽高
 
    3.0    默认宽度一整行




  行内块级元素:例如：img  input
  
   属性：display：inline-block


 
   特点：


    1.0   可以设置宽高


    2.0   一行可以显示多个