h5学习

1.<p>可调宽度，<span>不可调宽度
2.最高优先级            ！important
3.倾斜    <em><i>，加粗        <strong>
4.行内元素转换为块元素        display:block
5.块元素转换为行内元素        display:lnline
6.可变元素            display:lnline-block
7.隐藏并不占位            display:none
8.透明但占位            opacity:0
9.透明但占位            visibility:hidden
10.去除 li 的前标记        list-style:none
11.删除线            text-decoration:line-through
12.去除 a 的下滑线         text-decoration:none
13.文字超出部分隐藏并加省略号    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
14.<a> 不继承 color
15.<a> 的动作！！必须按照以下顺序            
   默认状态            a:link
   被访问后            a:visited
   鼠标浮动            a:hover
   点击状态            a:active
16.float-left 会脱离文档流
17.清除浮动            
   .clearfix:after{
    clear:both;
    display:block;
    content:'';    
   }
   .clearfix{zoom:1;}  //IE6、7
18.浮动三要素：①同级浮动其他都浮动
           ②有浮动，父级必须清除浮动
           ③浮动后要设置宽度
19.定位：①position:absolute;(绝对定位，会脱离文档流，参照物为有定位的父级)
     ②position:relative;(相对定位，参照物为自己本身)
     ③position:fixed;   (固定定位，脱离文档流)    
20.外部链接            <link rel="stylesheet" type="text/css" herf="链接位置">
21.绝对定位使元素居中
    ①已知元素大小        position:absolute;left:50%;top:50%;margin-left:长的一半;margin-top:高的一半；
    ②位置元素大小        position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
22.首行缩进            text-indent:40px;
23.使背景半透明            background:rgba(0,0,0,0.4);