元素
常见块级元素
div p ul li dl dt
常见行级元素
span img input strong
块级元素和行级元素都是盒子模型
如果元素使用了float，那么margin:0 auto;就没有作用了
清楚浮动的两个方法
clear:both|left|right;- 设置宽度100%+
overflow:hidden
当一个元素设置position:absolute而又没有指定宽度时，这个元素的宽度由内容决定。
关于absolute
如果设置了absolute，那么这个元素将完全脱离正常文档流，不会占据文档流空间。如果指定了偏移量。那么偏移的参照系分两种情况。
- 如果祖先元素没有设置定位（绝对定位、相对定位、固定定位），那么参照系为整个html
- 如果有，那么以最近的定位元素作为参照系。
如果没有偏移量，那么这个元素将保持在原来的位置（不管有没有已经定位的祖先元素都是），但是会脱离正常文档流，而且元素的宽度将随着内容的变化而变化。
column布局
语法：columns：<column-width>, <column-count>
column-width单位用px。
也可以单独设置column-width和column-count。注意这时没有s。
column-width:auto|length//如果设置为auto，lenght由column-count决定column-gap设置多列布局的列边距
column-gap:normal|length//normal为默认1em，也可自己设置，单位为px或者em列边框样式column-rule
column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>| 属性值 | 属性说明 |
|---|---|
| column-rule-width | 类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。 |
| column-rule-style | 类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 |
| column-rule-color | 类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色) |
column-span跨列设置
即一个元素跨列多列。语法：
column-span:none|all//设置为all的时候跨列所有列盒子模型，详情参考这篇博文CSS3盒模型