基本視覺格式化

非替換元素:若是元素的內容包含在文檔中，則稱之爲非替換元素。例如，若是一個段落的文本內容都放在該元素的本事以內，這個段落就是一個非替換元素。

替換元素:這是指用做爲其餘內容佔位符的一個元素。經典例子是img元素。

盒子模型--關於width/height設置
W3C標準，也就是，width不包含padding及border、margin，塊級元素實際佔用的寬度=width+padding+border。

水平格式化(非替換元素)
一個簡單的規則，正常流中塊級元素框的水平部分總和等於父元素的width(裏面元素的width+padding+border+margin=父的width)

水平元素的「7大屬性」:margin-left/right、border-left/right、padding-left/right、width。7大屬性加起來必須是元素包含塊的width。其中只有3個屬性可設置爲auto:width、margin-left/right。