CSS属性的简写
background
- background-color背景颜色
- background-image背景图片
- background-repeat背景平铺方式
- 写成一个 background:背景色 url(背景图片路径) 平铺方式;可以省略其中的一个也是可以的
background: gray url(XXX/XX.png) no-repeat;
background: url(XXX/XX.png) repeat-y;
background: gray;
border
- border-width边框宽度
- border-style边框样式
- border-color边框颜色
- 写成一个 border:边框宽度 边框样式 边框颜色;只有边框的颜色是可以省略的,因为边框的颜色是默认为黑色。
border: 1px solid #D3f402;
border: 3px dashed;
font
- font-style:italic;斜体
- font-weight:bold;加粗
- font-family:arial,sans-serif;字体种类
- font-size:20px;字体大小
- line-height:35px;行高
- 可以全部写在一起,用一个样式来表示
font:italic bold 20px/35px arial,sana-serif,"微软雅黑";
20px是字号大小,35px是行高;arial是默认字体,后面两个是备用字体(找不到默认字体将会依次找到备用字体)。可以省略其中一些,但是要注意顺序问题。
margin
- margin-top上边距
- margin-right右边距
- margin-bottom下边距
- margin-left左边距
- 可以合并在一起来写
margin: 10px 15px 10px 15px;
依次表示的是上边距,右边距,下边距,左边距。四个方向都不可以省略。
margin: 10px 15px 15px;
依次表示的是上边距,左右边距,下边距。
margin: 10px 15px;
依次表示的是上下边距,左右边距。写成一个则代表上下左右四个边距。
- padding
- padding-top上填充
- padding-right右填充
- padding-bottom下填充
- padding-left左填充
- 简写的方式与我们的margin也是完全一致的。如果没有写全上下左右四个的结果也与margin一致。
关于颜色
- color: DarkGoldenRod;
- color: rgb(184,134,11);
- color: #B8860B;