二阶段day3_css属性

1.css属性

标准流布局：
在标准流中，块级标签是一个占一行，默认宽度是父标签的宽度，默认高度是内容的高度；并且可以设置高度和宽度
行内标签:一行可以显示多个，默认宽度和高度都是内容的宽度；设置宽高无效
行内块标签：一行可以显示多个，默认高度和宽度是内容的宽高，设置宽高有效

块级标签：h标签；p标签，hr标签，ol,li,ui;dl ;table; tr；div
行内标签：a;img;td;select;input;option;textarea;span

display:设置标签的性质
block：将其他的标签转换成块级标签
inline-block：将标签设置为行内块标签（坑：一般不会通过将标签转换为行内块来；因为两个标签之间会有空隙，h5bug)
inline：将标签设置为行内标签解决问题

浮动会让标签脱离标准流进行布局（脱流）
float属性：
left：左浮动
right：右浮动
浮动原理：浮动会让标签脱离标准流布局
个人理解：标准流会证据位置和显示，而浮动只是显示，多个浮动会分开显示后来的显示在前一个的右边或者左边（看是flaot是left,还是right)或者下一行；一个标签浮动后，后面的标准流会与浮动标签叠加，重叠部分看到的是浮动的标签，后面的的浮动标签会在这个标准流之后显示。
清除浮动：清除因为浮动而产生的高度塌陷问题
高度塌陷：当父标签不浮动，并且不设置高度；但是子标签浮动的时候就会产生高度塌陷问题
解决方法：
1.设置一个空div；