CSS 样式简写

在CSS中有许多简写的样式，它们被广泛使用。简写最好按照如下顺序进行书写

font

font: font-style font-weight font-size/line-height font-family
1

font-style
italic//斜体
normal//正常字体(默认)
1
2
3

font-weight
一般填写数字
400 normal(默认值)
700 bold(默认值)
1
2
3
4

font-size
16px(默认值)
1
2

font-family
直接填写字体名称即可如 `MicroSoft Yahei`
1
2

如

div{
	font: italic 700 14px/20px 'Microsoft Yahei';
}
1
2
3

注意 不需要的属性可以省略（取默认值），但是必须保留font-size和font-family属性，否则font属性将不会生效

background

background: background-color background-image background-repeat background-attachment background-position
背景颜色 背景图片 背景平铺 背景固定 背景图片位置
1
2

如

background: transparent url(images/male.png) no-repeat fixed center center;
1

同样的对于你不需要的属性可以省略不写

border

border: border-width border-style border-color
1

如

border: 1px solid red;
1

表格

         //表明是表头
                 //一行
                     //一个单元格
                     //非表头部分
                

            
姓名
性别
                    
电话
                
            
            

                    
李白
                    
男
                    
18681282718
                
                

                    
小美
                    
女
                    
15228578292
                
            
        
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21