常见样式声明

常见样式声明

1. color

元素内部的文字颜色

预设值：定义好的单词

三原色，色值：光学三原色（红、绿、蓝），每种颜色可以使用0-255之间的数字来表达，色值。

rgb表示法：
rgb(0,255,0)
hex(16进制)表示法：
#红绿蓝

常见色：
淘宝红：#ff4400/f40
黑色：#000000/000
白色：#ffffff/fff
紫色：#f0f
青色：#0ff
黄色：#ff0
灰色：#ccc

2. background-color

元素背景颜色

3. font-size

元素内部文字的尺寸大小

单位：
1)px：绝对单位，像素，简单的理解为文字的高度占多少个像素
2)em：相对单位，相对于父元素字体大小的倍数
每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体大小，如没有父元素（html）则使用基准字号（浏览器设置的字号）。

user agent, UA, 用户代理（浏览器默认样式）

4. font-weight

文字粗细程度，可以取值数字，可以取值为预设值。
加粗：bold
不加粗：normal

strong元素：表示重要的不能忽视的内容；

5. font-family

文字类型:字体

必须用户计算机中存在的字体才会有效。

使用多个字体，以匹配不同环境。

sans-serif，非衬线字体

6. font-style

字体样式，通常用于支持斜体（font-style：italic;）

i元素：默认字体为倾斜字体；实际使用中，通常用它表示一个图标（icon）
e元素：斜体

7. text-decoration

修饰文本，给文本加线。

text-decoration:linethrough 中间加线
text-decoration：underline 文字下面加线
text-decoration:overline 文字上面加线

a元素，underline
del元素，表示删除的内容，linethrough
s元素，过期的元素（如淘宝中的原价），linethrough

8. text-indent

首行文本缩进。

text-indent：2em;

9. line-height

每行文本的高度，该值越大，每行文本距离越大。

1）设置行高为容器的高度，可以让单行文本垂直居中。

2）行高可以设置为纯数字，表示相对于当前元素的字体大小。

10. width

宽度

11. height

高度

12. letter-spacing

文字间隙

13. text-align

元素内部文字水平排列方式。

left,center,right