HTML总忘

HTML易忘

块元素，行内元素，行内块元素

 常见块元素：h,div,ul,li,ol,，，可以设宽高，换行

常见行内元素，a,span ,i,em等 不可以设宽高，不换行

常见行内块元素，img,input,td，可以设宽高，换行
display:inline,转换成行内

display:block;转换成块元素。

width

元素实际的宽度是：width+padding +border

高度也是；

盒子如果用了box-sizing:boder-box;设置的width包含,padding 和border,

box-sizing:content-box:；width,则不包含，也不包含margin.

控制台所展示的宽*高是指的实际宽度和高度

关于位置定位：

1. float

盒子设置float，脱离文档流，后面在文档流的盒子不知道它的存在，后面的盒子正常文档流。

2. position:relative;

此元素的定位相对于其正常文档流的位置定位，定位后不脱离文档流，后面的元素知道它的存在，会为其留位置。

3. position：absolute;

此元素脱离文档流，而且必须要有left，right,top,bottom，定位，选择其二，定位是找距离此元素最近的定了位的父元素，定位。
后面的元素不知道其存在，该元素不会为其留空间，按照自己的文档流。

4. position：fixed；

相对于浏览器定位，脱离文档流。