CSS中outline屬性，是對盒子的輪廓設置译株，在沒有設置outline-offset情況下是緊貼盒子的border奖恰。outline-offset是在距邊框多少距離處設置outline疫粥。如圖所示：
outline-offset.jpg
- input類型中肋联，如果type為radio，checkbox的width設置為0吧寺，那么布局頁面中就無法顯示出來窜管，也就無法使用:checked。
- 沒有脫離文檔流的元素設置 height：100%稚机。height跟隨父元素設置了的height,如果父元素沒有設置height幕帆，那么該元素height為0。脫離文檔流的元素赖条，他的height一直往上尋找設置了position的元素失乾，如果沒找到，則就認定html的height
- 設置背景圖的時候纬乍，盒子一定要有寬高碱茁，不然不會顯示的。
- 關于padding的特性：
當padding的值為百分比時仿贬，這個百分比時根據該元素的width進行計算的纽竣。根據此特性可以用來圖片的自適應布局。
代碼：div { padding: 15% 0 0; position: relative; } div > img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } <div> <img src="" alt=""> </div>分析：div的高度padding值是15%的width值诅蝶，因為div沒有設置width退个，所以默認寬度為body寬度，因此這是div可以看做有了個“高度”值為15%的width调炬。img設置成width: 100%; height: 100%，這樣就可以讓視窗在縮放時舱馅，div的“高度”值也在隨著padding值一起變化缰泡，從而使得圖片的width會等于視窗縮放時的寬度，height值等于視窗縮放時的寬度乘以15%４汀＜！
