Web前端-HeadFirst-笔记-CH10-简写vs长形式

简写可以使CSS文件更小，输入内容减少，担当出错时，难调试。

长形式更可读。

eg1：padding

长形式：

     padding-top：0px;   

     padding-bottom:30px;   

     padding-right:20px;  

     padding-left:10px;

简写：

1. padding：0px 20px 30px 10px;(顺序为顺时针，上右下左)
2. padding：20px；（当所有值相同）
3. paddig：10px 20px；（上下，左右）（当上下同，左右同）

eg2. margin也可使用此缩写。

eg3.border

长形式：

border-width:thin;  

border-color:red;   

border-style:solid;

简写：

  border： thin solid red;(且顺序任意) 

eg4.background

背景也可以简写属性：任意顺序。

eg5.font   

字体属性简写：
font:font-style font-variant font-weight(前三个顺序任意，但必须在font-size之前）font-size/line-height(行高在字体的font-size/之后设置) font-family(候选字体之间用逗号隔开)