本節簡介:講解盒子模型概念,內邊距、外邊距的應用以及元素默認值的清除方式,使用外邊距定義元素居中的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
單獨定義某個內邊距:padding-left:;padding-top:;。。。
padding:一個值代表上下左右;兩個值代表上下和左右;三個值代表上、左右、下;四個值代表上、右、下、左
0margin:0 減少外邊距 body(*){margin:0 padding:0}可以把所有盒子清零 margin:0 auto(自動) .all.abc 父級子級選擇器
margin:0可去掉h1,p標簽間的間距,padding會增加盒子模型的寬度 body(*){margin:0 padding:0}可以把所有盒子清零 margin:0 auto(自動) .all.abc 父級子級選擇器
padding 四個值 上、右、下、左;三個值 上 、左右、 下 ; 兩個值 上下 、左右; padding(內邊距) margin(外邊距) 間距去掉 margin:0 通用選擇器 *{padding:0 ;margin:0;} padding 和border可以增加實際像素,margin不會。
通用選擇器 *{padding:0 ;margin:0;}
padding 和border可以增加實際像素,margin不會。
padding 四個值 上、右、下、左;三個值 上 、左右、 下 ; 兩個值 上下 、左右;
padding(內邊距) margin(外邊距) 間距去掉 margin:0
margin:0可去掉h1,p標簽間的間距,padding會增加盒子模型的寬度
0margin:0 減少外邊距 body(*){margin:0 padding:0}可以把所有盒子清零 margin:0 auto(自動) .all.abc 父級子級選擇器
padding:40px 20px 內邊距(高 寬 ) toop right left bootom width height ;是分開作用 margin:40px 20px 外邊距
盒子模型:padding內邊距的值,一個值上下左右,兩個值上下 左右,三個值上 左右 下,四個值上 右 下 左,,順時針