CSS重点巩固

一：position定位

  a: static 定位 ，HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。

  b: fixed 定位, 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动： 

        脱离文档流，因此不占据空间。

   c：relative定位，  相对其正常位置，

         相对定位元素经常被用来作为绝对定位元素的容器块。

  d：absolute定位，相对于最近的已定位的父元素，  若没有，则相对于html。

          最近已定位的父元素，什么叫已定位呢？                                                             待补充！

          脱离文档流，因此不占据空间。

 发现：

1.当设置position:absolute后，元素脱离文档流,，元素会变为行内块元素！

2.position：relative声明了，但不指定偏移！    理解加深！                   待补充

3.浮动布局和精确布局的混合使用   float的深刻理解！                                 待补充

 

 

二  float布局

   1.浮动元素之后的元素将围绕它，浮动元素之前的元素将不会受到影响。

 

 

三：漏洞

         vertical-align 

         line-height

         touch-action: manipulation    

        -webkit-user-select: none;

         background-image: none;

        -webkit-appearance: button;   

         text-transform: none;

         overflow: visible;

         css这些单位的选择上   百分比  单词  数字px  em

 

 

tips:   

1.学习要自己在实践中去验证。