本節簡介:講解盒子模型概念,內邊距、外邊距的應用以及元素默認值的清除方式,使用外邊距定義元素居中的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
自動居中的margin:0 auto,任何元素都可以(如果上邊距為100px的距離,左右為自動可以這樣寫):例margin:100px auto也是可以的
padding:10px 20px 四個邊距都有的時候可以定義為padding:10px 20px 30px 40px 單邊距定義的時候可以寫為:padding-left:10px;
padding 和 botter 會增加盒子大小,margin不會;
padding 和 bottom 會增加盒子大小,margin不會;
padding 和 bottom 會增加盒子大小,margin不會;
通用選擇器:*{margin:0;padding:0;} 把所有盒子清零; <br>因為不清楚,所有盒子會自帶邊距,需要都清零
第一個值代表上,第二個值代表右,第三個值代表下,第四個值代表左
如果是三個值,第一個值代表上,第二個值代表左右,第三個值代表下
如果padding的值是一個值,那么代表上下左右的內邊距都相同
7、margin不會增加元素尺寸,padding會增加元素的尺寸
3、padding三個值,第一個代表上。第二個代表左右,第三個代表下