HTML常用的css属性（及其简写）

这篇文章主要介绍几个常用css属性和简写

本文目录：

1.背景属性

2.边框属性

3.字体属性

4.外边距

5.填充

6.颜色

1.background【背景属性】

background-color /*背景色*/
background-image /*背景图片*/
background-repeat /*背景图平铺方式*/

简写：background: 背景色 背景图片 平铺方式t;

例如：background: gray url(xxx/xx.png) no-repeat;

2.border【边框属性】

border-width /*边框宽度*/
border-style /*边框样式*/
border-color /*边框颜色*/

简写：border:边框宽度 边框样式 边框颜色

例如：border:1px solid #D3f402;

可以省略颜色，但宽度和样式不能省略。

例如：border: 3px dashed; /*颜色默认为黑色*/

3.font【字体属性】

font-style: italic; /*斜体*/
font-weight: bold; /*加粗*/
font-family: arial,sans-serif; /*字体种类*/
font-size: 20px; /*字号大小*/
line-height: 35px; /*行高*/

简写：font: 斜体字 加粗 字号大小/行高 默认字体,备用字体, 备用字体;

例如：font: italic bold 20px/35px arial,sans-serif, "微软雅黑";

可以省略，但顺序不可颠倒，注意符号。

4.margin【外边距】

margin-top/*上边距*/
margin-right/*右边距*/
margin-bottom/*下边距*/
margin-left/*左边距*/

简写：

※这里参数值可以有1~4个

（1）一个参数

  margin: 上右下左;
  例如：margin: 10px;
  （上右下左边距都为10px）

（2）两个参数：

  margin: 上右 下左;
  例如：margin: 5px 10px;
  （上右边距5px,下左边距10px）

（3）三个参数：

   margin: 上 左右下;
   例如：margin: 5px 10px 15px;
  （上边距5px,左右边距10px，下边距15px）

（4）四个参数：

  margin: 上 右 下 左;
  例如：margin: 10px 15px 10px 15px;
  （上边距10px,右边距15px，下边距10px，左边距15px）

5.padding【填充】

padding-top/*上填充*/
padding-right/*右填充*/
padding-bottom/*下填充*/
padding-left/*左填充*/

简写：[和"4.margin【外边距】"相同]

6.【颜色】

（1）名称->color: DarkGoldenRod;

（2）RGB值->color: rgb( 184,134,11 );

（3）[rgb值的]十六进制->color:#B8860B