本節簡介:本節課主要介紹布局中重要的內外間距的設置方法以及注意事項。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
padding---內間距:內間距可以增加盒子大小的值。
margin:三個值的時候:第一個值代表是上,第二個值代表左右,第三個值代表下。四個值的時候代表上-右-下-左。
margin:一個值代表上下左右都是相同,都是一個值。兩個值的時候:第一個值是上下,第二個值是左右。
100%寬度不用設置auto,居中設置auto只是針對有指定的寬度的時候
如果讓一個盒子居中,可以在margin中左右方向分別設置成auto,
margin--外邊距:兩個元素之前分別設置了上下值的時候,實際間距是由設置的最大的值決定。
布局中設置寬度是100%的時候要設置min-width,
min-width 1000px 最小寬度 非常重要
margin:100px 50px 20px 10px;四個值分別代表上右下左
margin:100px 50px 20px 10px;四個值分別代表上右下左
Margin:50px auto ; 上下外間距50px,左右居中顯示
margin 外間距 box元素中間間隔取決于最大值,左右auto 可以居中顯示,順時針方向,上右下左,padding 內間距—增加范圍值,
width 寬 height 高 min-width/height max-width/height 的區別 默認為文本內容的寛高
margin:50px;一個值代表上下左右都相同 ;margin:30px 100px;兩個值時候,第一個直是上下;第二個值是左右;四個值是上右下左;三個值是時候,第一個值代表上,第二個值代表左右,第三個值代表下;