标签：宽度   20px   没有   bottom   默认   完全   otto   rod   color   

CSS属性的简写

background

1. background-color背景颜色
2. background-image背景图片
3. background-repeat背景平铺方式
4. 写成一个 background：背景色 url(背景图片路径) 平铺方式；可以省略其中的一个也是可以的

    background: gray url(XXX/XX.png) no-repeat;
    background: url(XXX/XX.png) repeat-y;
    background: gray;

border

1. border-width边框宽度
2. border-style边框样式
3. border-color边框颜色
4. 写成一个 border：边框宽度 边框样式 边框颜色；只有边框的颜色是可以省略的，因为边框的颜色是默认为黑色。

    border: 1px solid #D3f402;
    border: 3px dashed; 

font

1. font-style:italic;斜体
2. font-weight:bold;加粗
3. font-family:arial,sans-serif;字体种类
4. font-size:20px;字体大小
5. line-height：35px;行高
6. 可以全部写在一起，用一个样式来表示

    font：italic bold 20px/35px arial,sana-serif,"微软雅黑";

20px是字号大小，35px是行高；arial是默认字体，后面两个是备用字体(找不到默认字体将会依次找到备用字体)。可以省略其中一些，但是要注意顺序问题。

margin

1. margin-top上边距
2. margin-right右边距
3. margin-bottom下边距
4. margin-left左边距
5. 可以合并在一起来写

margin: 10px 15px 10px 15px;

依次表示的是上边距，右边距，下边距，左边距。四个方向都不可以省略。

margin: 10px 15px 15px;

依次表示的是上边距，左右边距，下边距。

margin: 10px 15px;

依次表示的是上下边距，左右边距。写成一个则代表上下左右四个边距。

• padding

1. padding-top上填充
2. padding-right右填充
3. padding-bottom下填充
4. padding-left左填充
5. 简写的方式与我们的margin也是完全一致的。如果没有写全上下左右四个的结果也与margin一致。

关于颜色

1. color: DarkGoldenRod;
2. color: rgb(184,134,11);
3. color: #B8860B;

CSS

标签：宽度   20px   没有   bottom   默认   完全   otto   rod   color   

原文地址：https://www.cnblogs.com/SourCabbage/p/13358049.html