css布局

一：盒子布局

1.边框：

border	属性
dotted	定义点状边框
dashed	定义虚线
solid	定义实线
doublu	定义双线
margin	定义外边距
padding	定义外边距

2.元素分类

块级元素	独占一行，可设置宽和高。div p 等
内联元素	不会自动换行，不能设置宽和高。span a 等

块级元素和内联元素互换

display	属性
none	此元素不会被显示
block	此元素显示为块级元素，前后带有换行符
inline	默认值，此元素显示为内联元素，没有换行符

二：浮动布局

浮动布局

float	属性
none	不浮动
left	对象左浮，后面的元素流向对象右侧
right	对象右浮，后面的元素流向对象左侧

清除浮动

clear	属性
left	在左侧不允许浮动
right	在右侧不允许浮动
both	在左右两侧均不允许浮动
none	默认值，允许两侧浮动

三：定位布局

定位布局

position	属性
absolute	绝对定位，将对象从文档流中分离出来，left right top bottom想对于父级元素定位，若没有父级元素，则对于body定位
fixed	绝对定位，相对于浏览器窗口定位
relative	相对定位，从正常位置开始定位
static	默认值，没有定位，忽略 top right left bottom或z-index声明

四：其他属性

overflow

overflow	属性
visible	默认值，内容不会被修剪，会呈现在元素框之外
hidden	内容会被修剪，修剪掉的内容不可见
scroll	内容会被修剪，但会显示滚动条以便查看其余内容
auto	如果内容被修剪，则会有滚动条。如果不被修剪，则不会有滚动条

zoom

zoom	属性，控制图片放缩，取值1或100%不放缩