本節簡介:講解盒子模型概念,內邊距、外邊距的應用以及元素默認值的清除方式,使用外邊距定義元素居中的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
padding-left(right top bottom):200px 單獨定位一個內邊距
padding 內間距 1個值 上下左右 2個值 上下 左右 3個值 上 左右 下 4個值 上右下左
padding的值如果是2個,第一個代表上下,第二個代表左右
padding值會增加原有物體的值,marging不會
padding四個邊的值,單獨設置時,覆蓋前面的值
padding出現三個值時,代表上值 左右值 和下值(中間的值表示左右的數值)
margin:20px 89px 10px 50px
margin 不增加原本box的寬度。padding 增加原本box的寬度。
padding-left:200px;padding-top:100px;padding-bottom:50px;padding-right:10px;
padding:10px 20px 30px 40px;
如果四個值,第一個值上,第二個值代表右,第三個代表下,第四個值代表左