本節簡介：本節課主要介紹布局中重要的內外間距的設置方法以及注意事項。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
padding（內間距）;margin（間距）它們設計簡寫時的順序都是：上-右-下-左（順時針）
有三個值時，第一個值代表上，第二個值代表左右，第三個值代表下
布局中內外間距margin只有一個值時代表上下左右都一樣
margin：50px 一個值代表上下左右都相同；兩個值時，第一個值上下，第二個值左右；三個值時，第一個值上，第二個值左右，第三個值下；四個值時分別代表上右下左
內間距:,<paddin>就是文本里面和邊框的距離.注意加內間距以后,會把整個內容撐大
<margin>是本文之間的調動,左右可以公式用auto,這樣就變成居中了
最小寬度:<min>就是設置一個文本的背景寬度的大小,不管有沒有內容.背景依然保持住,最小高度也是同樣的道理
寫代碼時，margin：50px 一個值代表上下左右都相同；兩個值時，第一個值上下，第二個值左右；三個值時，第一個值上，第二個值左右，第三個值下；四個值時分別代表上右下左
margin是外間距，想要左右居中就左右都選擇用auto
設置max-width 可以保證大圖片的最大寬度，如果直接設置width,則會將小圖拉寬，圖像變形。
添加色塊時，min-width用px單位可保證設置色塊的最小寬度，而100%只顯示滿當前頁面，如果挪動移動條，將會出現空白區域
padding為盒子內間距，值和margin代表一樣
margin 盒子的外邊距：margin一個值時代表都一樣；margin兩個值時，第一個值代表上下，第二個值代表左右；margin三個值時，第一個值代表上，第二個值代表左右，第三個值代表下；margin四個值時，分別代表上下左右。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
