（十二）css常用属性

一：颜色属性

color属性定义文本的颜色

1. color：green
2. color：#ff6600
3. 简写式 color：#f60
4. color：rgb（255,255,255） 红（R）绿（G）蓝（B）每个的取值范围0~255
5. color：rgba（255,255,255,1） 红（R）绿（G）蓝（B）和alpha的（色彩空间）透明

二：字体属性

1.font-size字体大小

• px：设置一个固定值
• %：父元素的百分比（父元素指body中的字体大小）
• smaller：比父元素更小
• larger：比父元素更大
• inherit：继承父元素

2.font-family定义字体

1. font-family：微软雅黑，serif；
2. 可以使用“，”隔开，以确保当字体不存在的时候可以直接使用下一个

3：font-weight字体加粗

• normal（默认值）、bold（粗）、bolder（更粗）、lighter（更细）
• 400=normal，700=bold 只能为整数100~900

4.font-style 字体样式

1. normal：正常（标准）
2. italic：斜体
3. oblique：倾斜
4. inherit：继承

5.font-variant小型大写字母显示文本

• normal：标准
• small-caps：小型大写字母显示文本
• inherit：继承

 三：背景属性

1.背景颜色

　　background-color

2.背景图片

• background-image：url（图片路径）
• background-image：none

3.背景重复

1. repeat：重复平铺满
2. repeat-x：像x轴重复
3. repeat-y：像y轴重复
4. no-repeat：不重复

4.背景位置

• 横向（left、center、right）
• 纵向（top、center、bottom）
• 用数值来表示（20px）

5：简写方式

1. background：背景颜色 url（图像路径） 重复 位置
2. background：#f60 url（images/b.jpg） repeat 

 四：文本属性

1.横向排列 text-align

• left
• center
• right

2.文本行高 line-height

1. %基于字体大小的百分比行高
2. 数值来设置固定值

3.首行缩进 text-indent

• %父元素的百分比
• px固定值，默认为0
• inherit继承

4.字符间距 letter-spacing

1. 默认值normal
2. lenght设置具体的数值（可以设置负值）
3. inherit继承

5.单词间距 word-spacing

• 默认值normal
• px固定值
• inherit继承

6.文本方向 direction

1. ltr 从左到右 默认值
2. rtl 从右到左
3. inherit继承

7.文本大小写 text-transform

• capitalize：每个单词以大写字母开头
• uppercase：定义仅有大写字母
• lowercase：定义无大写字母，仅有小写字母
• inherit：规定应该从父元素继承text-transform属性的值

五：边框属性