三大元素

display三種取值

<a>默認是內聯(lián)元素，不能設置大小。強行將其修改為display:block；則居中效果消失。
當我們給父元素設置了text-alige：center表示文本居中，此時內部所有的文字內容、圖片、超鏈接、內聯(lián)元素、inline-block這些都會跟著居中，包括普通的a標簽。
但是現在a標簽已經修改為塊元素，塊元素的居中必須使用到margin：auto。
margin：0 auto 20px;

定位

注意：浮動元素也是block元素

固定定位；相對頁面不動

定位層級

如果B設置了position那么以它為參考，如果沒有則觀察A有無position，也沒有則繼續(xù)向外查找，html..直到以窗口為參考。

HTML5的容器標簽

上述標簽可代替div

box-sizing

在我們給一個元素使用padding時，元素會被撐大。如果不希望元素大小改變則可以使用box-sizing。這時它的填充會向內擠壓，元素大小保持不變。

語義化標簽