盒模型

       content (元素自身高度)

              padding  內邊距  （上、右、下、左）  上右

              border     邊框   默認是寬度是3px  顏色是黑色  border-top-style:solid   (dashed  dotted);

              margin     外邊框

 

             margin:上、右、下、左

            居中   margin:0 auto;     

          父級子級的關係  當一個元素在父級裏，給子級使用margin時。

          1\在父子級時 用padding代替margin -top,給父級加

           二、給父級加上一個border

           3\ overflow:hidden;超出隱藏

         作三角形時，只須要給標籤設置一個boder值，三個邊框爲border：1px solid transparent ;

          另外一個邊框是1px  solid 顏色； 

         注意：兩個div分別有margin-right、margin-left   margin間距爲之和

           兩個div分別有margin-bottom、margin-top   取兩個元素的最大值，  一正一負求其和

 

        block\inline\inline-block  之間的轉換   inline-block 支持寬高又獨佔一行   display：none;這個地方是隱藏，用於js中

        display:block;顯示出來

        display:none;   隱藏以後不佔據位置

        visibility:hidden;還存在位置  只是不顯示

span 支持左右的padding\margin的值

 

margin的影響   border\padding影響元素的寬高

a標籤詳解   hover  active link visited

第二節

float: float:left   float:right   給行標籤設置也能夠設置塊級元素   行元素這時候能夠使用margin\padding值

reset.css(本身總結)

清楚浮動的影響：一、給父級加上一個高度

                             二、給父級加overflow:hidden

                             3\clear:both  清除浮動  在最後一個元素加上clear:both清除浮動

             

<div><div class=「div1」></div><div class=「div2」></div></div>

   overflow屬性   visible  auto hidden scroll   overflow-x:hidden  overflow-y:hidden

clear:

a標籤的僞類

hack技術 

relative相對定位  

相對原來位置發生的位移   位移以後原來的位置還在

absolute 絕對定位  若是父級有定位元素就根據父級的大小定位，若是父級沒有定位，就一級一級的向上找，知道body爲止；

                                 絕對定位通常是配合相對定位使用。移動以後位置就沒有了

   z-index不能設置負值

 

 

fixed:固定定位   相對瀏覽器當前窗口的指定座標。                       

 

opacity透明度  opacity:0;  0~1

filter:alpha(opacity=number)      0~100