關於font
OK，我們先從font來談起。
如下一段代碼：
div{
font-size: 14px;
font-family: '\5FAE\8F6F\96C5\9ED1';
font-weight: bold;
font-style:italic;
line-height: 28px;
}
OK，我們看到，這一系列的操作都是針對font的。這些樣式，其實我們是可以縮寫的。
div{font: italic bold 14px/28px '\5FAE\8F6F\96C5\9ED1';}
5行的代碼用一個font搞定，
那么這樣寫是什么意思呢？
首先，font系列，也是可以縮寫的
我們來分析一下上面的例子。
div{font: italic bold 14px/28px '\5FAE\8F6F\96C5\9ED1';}
font-style:italic
font- weight:bold
font-size:14px;
line-height:28px;
font-family: '\5FAE\8F6F\96C5\9ED1'; (微軟雅黑的字符編碼)
當然了，這個font還有一些更簡單的寫法。
如果你只有 字體大小 行高 和 字體的話
那么你就可以這樣寫了 font:14px/28px ‘\5FAE\8F6F\96C5\9ED1’;
當然 如果你的文字還要加粗的話，可以這樣寫
font:bold 14px/28px ‘\5FAE\8F6F\96C5\9ED1’;
這幾個屬性理論上沒有順序之分的
規定的順序為：font-style，font-variant，font-weight，font-size，font-family
關於margin
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
OK，這么四個方向的margin都一樣，那么就可以簡單的寫成margin:10px;了
margin中一些有意思的參數：
margin:0;
當它有一個值的時：它是4個方向都一樣
Margin:0 auto;
當它有兩個值時，第一個參數代表上下 第二個參數代表左右
Margin:0 auto 10px;
當它有三個值時，第一個是上 第二個是左右，第三個是下
Margin:10px 16px 11px 9px;
當他有四個值時，他就是四個方向，順序是一個順時針的順序，故上 右 下 左 的一個順序
Padding
同margin
關於background
如下一段背景代碼：
background-color: red;
background-image: url(1.jpg);
background-position: left top;
background-repeat: no-repeat;
我們可以把他用復合寫法寫成
background:red url(1.jpg) left top no-repeat;