web前端排版

web盒子模式简介:
盒子模型在web元素的排版中是必需要理解的点
盒子模型主要包含三个属性
margin 外边距
border 边框
padding 内边距
三个属性控制一个盒子的位置
web中大多使用div层来布局
float:属性-浮动，使图像或者文本浮动在父元素的位置，可用值(left,right,none)
*如果在一行中对于浮动属性而言空间不足的话，则会自动跳到下一行，如此循环，知道空间足够为止
overflow:属性，可用值:(visible,hidden,scroll,auto,inhert)
visible:内容不会被修剪会呈现在元素框之外
hidden:超出元素框部分隐藏
scroll:内容超出元素框，元素框可以滚动
auto:自动适配属性
inhert:规定应该从父元素内继承overflow属性
border-radius:控制元素边框角度，百分比越高，可用值有(3px ,5px ,10px ,50px ,100px)(10% ,25% ,50%)