本節簡介:本節課主要介紹布局中重要的內外間距的設置方法以及注意事項。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
margin:50px 一個直代表左右都相同 margin:30px 兩個值的時候,第一個值試上下,第二個值是左右 margin:10px 50px 80px 三個值的時候 第一個值代表上,第二個是左右,第三個值代表下 margin 10px 20px 30px 40px siege值分別代表的是上右下左
手寫代碼元素的間距margin:1.一個值的時候,代表上下左右數值相同;2.兩個值的時候,第一個值是上下,第二個值是左右;3.三個值的時候,第一個值代表上,第二個值代表左右,第三個值代表下;4.四個值時,分別代表上右下左。
padding(填充)內間距 會增加盒子大小 簡寫方法跟marin一樣
margin位置簡寫,一個值時默認上下左右 兩個值時,1默認上下 2默認左右 三個值的時候:1上 2左右 3下
margin邊緣 元素之間間距取大 左邊右邊設auto(自動)區域會居中
max-width最大寬度 max-height最大高度
min-width最小寬度 寬度設100%時,要設最小寬度,不然頁放小就不好了 min-height最小高度
margin一個值代表上下左右都相同,兩個值的時候,第一個值是上下,第二個值是左右,三個值的時候,第一個代表上,第二個代表左右,第三個代表下。四個值的時候,上右下左
padding 一個代表上下左右 padding 兩個值代表上下 左右 padding四個值代表上右下左
100%需設置最小寬度 margin一個值代表上下左右都一樣 margin兩個值,第一個值是上下,第二個值是左右 margin三個值時第一個值代表上,第二個值代表左右,第三個值代表下 margin四個值分別代表上右下左
padding后的物體值等于原值+兩倍padding值
1、 內間距 和外間距 2、使用內填充變成的間距。如何建立間距1、增加DIV標簽 2、增加類3定義樣式