4-常用属性总结

1、文本属性

　1.1、text-align：设置元素内文本的水平排列方式，常用值为：left、center、right。

　1.2、text-indent：设置元素内文本首行缩进，单位：像素、百分比。

　1.3、text-decoration：设置文本的下划线样式，常用取值为：none（没有下划线）、underline（有下划线）。

　1.4、letter-spacing：设置字符间距，常用取值：normal、像素值。　　

2、字体属性

　2.1、font-size:设置字体大小

　2.2、font-weight:设置字体粗细，normal、bold、bolder

　2.3、font-family:设置字体，比如设置为：微软雅黑、宋体、黑体等。

　2.4、color:设置字体颜色。

　2.5、line-height:设置行高。

3、背景属性

　3.1、background:复合属性，可以同时设置背景颜色、图片、背景图片的位置、背景图片是否以及如何重复排列等。

　3.2、background-color:设置背景颜色。

　3.3、background-image:设置背景图片。

　3.4、background-position:设置背景图片的位置。

　3.5、background-repeat:设置背景图片是否以及如何重复排列，常用取值：

　　　　repeat:默认值，背景图片默认横向重复、纵向也重复；

　　　　repeat-x:背景图片横向重复、纵向不重复排列；

　　　　repeat-y:背景图片横向不重复、纵向重复排列；

　　　　no-repeat:设置背景图片不重复。

4、边框（border）

　border:5px solid red; --设置元素的边框（符合属性，可以同时设置边框的宽度、样式、颜色）

　border属性可以拆分为如下：

　　border-width:5px; --设置边框宽度；

　　border-style:solid; --设置边框的宽度

　　border-color:red; --设置边框颜色；

　其中，border-width、border-style、border-color也可以按照上、右、下、左方向进行拆分，以border-with为例：

　　border-top-widt:5px; --设置上边框的宽度

　　border-right-widt:8px;

　　border-bottom-widt:11px;

　　border-left-widt:14px;

5、其他属性

　width:设置元素的宽度，单位：像素、百分比

　height:设置元素的宽度，单位：像素、百分比

6、颜色设置

　颜色取值方式常见方式有三种：

　　方式1：设置颜色的名字，例如：red、green、blue

　　方式2：设置#加上六位的十六进制数值：#676767、#FF0000

　　方式3：设置rgb颜色值：rgb(255,0,0)

 

--------------------------我是结束线----------------------------------