1. 盒子模型
同時內外邊距,邊框都有四個方向,如border-top,border-right,border-bottom,border-left
實例
1.1 overflow屬性
1.2 border屬性
border案例 水平線
1.3 padding屬性
對瀏覽器默認的設置清零
*{
marging:0;
padding:0;
}
1.4 margin屬性
## 2. 定位機制
2.1 文檔流定位
2.1.1 block
將元素顯示爲block,如inline元素a轉換爲block元素,從而使a元素具有塊狀元素特點 display:block;
2.1.2 inline
2.1.3 inline-block
2.1.4 小結
2.2 浮動定位
2.2.1 float屬性
float屬性的特點
2.2.2 clear屬性
利用clear可以重新佈局
2.3 層定位
2.3.1 position
2.3.2 fixed固定定位
2.3.3 relative相對定位
2.3.4 absolute絕對定位
2.3.5 定位結合使用