• padding區域有背景顏色。給一個盒子新增背景顏色時，padding區域也有背景顏色，也就是說background-color: red;將填充所有border以內的區域。
• border邊框

border: 1px solid #eee;/*綜合寫法*/

border-width: 10px 20px 30px 40px;/*邊框粗細 上 右 下 左*/
border-style: solid dashed dotted solid;/*邊框樣式實線、虛線、點劃線 上 右 下 左*/
border-color: red green yellow pink;/*邊框顏色 上 右 下 左*/

• 標準文件流
  1.空白摺疊現象：只有行內元素才有空白摺疊現象 一張圖片就是一個文字，兩張圖片之間有縫隙。除掉縫隙就要讓圖片標籤緊密連線。（圖片、表單元素看做是一個文字）
  2.高矮不齊，底邊對齊。
  3.自動換行，一行寫不滿，會自動換到下一行。

• 塊級元素和行內元素：標準文件流中，標籤分為兩種等級（塊級元素、行內元素）
  塊級元素獨佔一行，不與其他元素並列，可以設定寬，如果不設定寬就是父親的100%：p、div、h系列、li、dt、dd、
  行內元素，不能設定寬高，預設是文字寬度：span、a

• 脫離標準文件流方法：
  1.浮動：浮動的元素相互貼靠、浮動的元素有自圍效果、收縮（如果沒有設定寬度，浮動後將自動收縮為文字寬度），一旦浮動就可以設定寬高。注意：a標籤不能浮動。
  2.絕對定位
  3.固定定位

• 透明度

opacity: 0.6;  /*主流瀏覽器 盒子半透明，盒子裡面的內容也會一起半透明*/
filter: alpha(opacity = 60
 
);/*相容IE6 盒子半透明，盒子裡面的內容也會一起半透明*/

background: rgba(0,0,0,.5);/*只是背景顏色50%的透明度，內容不會透明，一般用於輪播圖左右按鈕*/

• 禁止使用者拖動textarea編輯區域

resize: none;

• 去除input框藍色邊框

outline-style: none;

• 去掉上下兩張圖片之間間隙（去除圖片底邊3px距離）

img {vertical-align: top;}/*去掉上下兩張圖片之間間隙（去除圖片底邊3px距離）*/

img {border: none;}/*測試相容性 去掉圖片預設的邊框顏色*/