一:盒子布局
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 | 属性 |
visible | 默认值,内容不会被修剪,会呈现在元素框之外 |
hidden | 内容会被修剪,修剪掉的内容不可见 |
scroll | 内容会被修剪,但会显示滚动条以便查看其余内容 |
auto | 如果内容被修剪,则会有滚动条。如果不被修剪,则不会有滚动条 |
zoom | 属性,控制图片放缩,取值1或100%不放缩 |