本節簡介:講解盒子模型概念,內邊距、外邊距的應用以及元素默認值的清除方式,使用外邊距定義元素居中的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
多個padding值,在最后面的那個值會覆蓋前面的那個
padding:內邊距;如果padding的值是一個值,那么代表上下左右邊距;2、如果兩個值,的哥值代表上下,第二個值是左右 3、如果三個值,第一個值代表上,第二個值代表左右,第三個值是下 4、如果是四個值,第一個值是上,第二值是右,第三個值是下,第三個值是下,第四個值是左i
badding值大小顏色會變 margin值不變只變距離
padding數值代表4值分別代表上右下左內邊距 單獨定義一個邊距 padding-left,top,bottom,right;增加padding會增加盒子大??;外邊距margin,增加margin不改編盒子大小,margin{o auto}元素居中
任何元素居中只要加上 margin:10px auto 上下10px,左右居中
*{ margin:0; padding:0 }一般都會在寫代碼前設置一個通用選擇器。
padding:10px;padding-bottom:50px。后面覆蓋前面的,因此底部內間距為50px。內邊距padding會增加原大小,但外邊距margin不會增加原大小。
padding值一個值的時候,代表上下左右。兩個數值代表上下、左右。三個值:上/左右/下.四個值:上右下左。
padding-left \ top \ bottom \ right
內邊距padding會增加原大小,但外邊距margin不會增加原大小
paddingzhi一個值的時候,代表上下左右。兩個數值代表上下、左右。三個值:上/左右/下.四個值:上右下左。
注意順序,后面的padding-bottom:50px;a覆蓋了前面的padding:100px;
修改某一條邊,padding-left:100px;padding-bottom:200px;padding-top:200px;padding-right:500px;
如果padding是三個值,第一個值表示上,第二個值表示左右,第三個值表示下
padding一個值,表示上下左右都相同,如果是兩個值,第一個值表示上下,第二個值表示左右