盒模型

       content (元素自身高度)

              padding  内边距  （上、右、下、左）  上右

              border     边框   默认是宽度是3px  颜色是黑色  border-top-style:solid   (dashed  dotted);

              margin     外边框

 

             margin:上、右、下、左

            居中   margin:0 auto;     

          父级子级的关系  当一个元素在父级里，给子级使用margin时。

          1\在父子级时 用padding代替margin -top,给父级加

           2、给父级加上一个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(自己总结)

清楚浮动的影响：1、给父级加上一个高度

                             2、给父级加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