2.常见样式声明

常见样式声明

1. color

元素内部的文字颜色

预设值:定义好的单词（数量有限）

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

rgb(n,n,n)
hex（16进制）
#红绿蓝（各两位）

rgb的三个n分别代表红、绿、蓝的色值

淘宝红:#ff4400,#f4o（三个数字个位十位都相同，可以简写为3个数字，表示三个数字的个位和十位的值）
黑色:#000000,#000
白色:#ffffff,#fff
红:#ff0000,#f00
绿:#00ff00,#0f0
蓝:#0000ff,#00f
紫:#f0f
青:#0ff
黄:#ffo
灰:#ccc

2. background-color

元素背景颜色

3. font-size

元素内部文字的尺寸大小

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

user agent，UA：用户代理（浏览器）

4. font-weight

文字粗细程度，可以取值数字，可以取值为预设值
normal=400 bold=700

strong元素，默认加粗，表示重要的、不能忽视的内容

5. font-family

文字类型

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

使用多个字体以匹配不同用户，直接用
“,”先后顺序表示使用的排名

sans-self是默认非衬线字体

衬线字体用于打印
网页字体用非衬线字体

6. font-style

字体样式（设置斜体italic）

i元素，默认样式是倾斜字体，通常用它表示图标
em元素：表示强调的内容

7. text-decoration

文本修饰，给文本加线

a元素
del元素：错误的元素
s元素：过期的元素

8. text-indent

首行文本缩进，可以跟像素（px），也可以跟相对位置（em即几个字体大小）

9. line-height

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

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

行高可以设置成像素点和纯数字（相对当前元素字体的大小）

10. width

宽度

11. height

高度

12. letter-spacing

文字间间隔大小，可用px和em表示

13. text-align

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

14. 透明

每个颜色都有透明通道（0~1）

1）rgba（红,绿,蓝,alpha）
2）hex: #红绿蓝透

注：“透”为透明度为00到ff