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.学习要自己在实践中去验证。