标准文档流(Normal flow)
特点:
从上到下,从左到右,输出文档内容
由块级元素和行级元素组成
块级元素:
从左到右撑满页面,独占一行
触碰到页面边缘时,会自动换行
块级标签:
div、ul、li、dl、dt、p......
行级元素:
能在同一行内显示
不会改变HTML文档结构
行级标签:
span、strong、img、input......
块级元素和行级元素都是盒子模型。
盒子模型=网页布局的基石,由四部分组成:
边框(border)、外边距(margin)、内边距(padding)、盒子中的内容(content)
设置顺序是顺时针:上、右、下、左。
三个值(上、左右、下)
两个值(上下、左右)
一个值(上下左右)
盒子的层次模型(由上到下)
边框(border)、盒子中的内容(content)+内边距(padding)、背景图像(background-image)、背景颜色(background-color)、外边距((margin)
盒子模型的尺寸=边框(border)+外边距(margin)+内边距(padding)+盒子中的内容(content)
浮动(Floats)
绝对定位(Absolute possitioning)