14、CSS基础——常见样式声明

常见样式声明

1.color

元素内部的文字颜色

预设值：提前定义好的单词

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

/* rgb表示法 */
rgb(0, 255, 0)
/* hex（十六进制）表示法 */
/* #红（两位数字）绿（两位数字）蓝（两位数字） */
#008c8c

推荐记住的颜色：

淘宝红：#ff4400
（三个颜色的两位数字都相同时可以简写，例如#ff4400可以简写位#f40）
黑色：#000000，#000
白色：#ffffff，#fff
红、绿、蓝：#ff0000（#f00）、#00ff00（#0f0）、#0000ff（#00f）
紫色：#f0f
青色：#0ff
黄色：#ff0
灰色：#ccc

2.background-color

元素背景颜色

3.font-size

元素内部文字尺寸大小

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

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

4.font-weight

文字粗细程度，可以取值数字，可以取值预设值(normal(400),bold(700))

strong元素：默认加粗。strong元素表示重要的、不能忽略的内容。

5.font-family

文字类型

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

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

sans-serif，非衬线字体，一般放在多字体的最后

6.font-style

字体样式，通常用于设置斜体（font-family: italic）。

i元素：默认样式是倾斜字体，实际使用中，通常用它表示一个图标（icon）；
em元素：默认样式也是倾斜字体，表示强调的内容。

7.text-decoration

文本修饰，给文本加线。

line-through: 线穿过文字，线位于文字中间
overline: 线在文字上方，上划线
underline: 线在文字下方，下划线
none: 没有线

a元素，默认有下划线
del元素，错误的内容，默认有中划线
s元素，过期的内容，默认有中划线

8.text-indent

首行文本缩进，中文使用2em缩进两个字符

9.line-height

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

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

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

10.width

宽度

11.height

高度

12.letter-spacing

文字间隙

13.text-align

元素内部文字的水平排列方式（靠左left，靠右right，居中center）。

实际上是元素内部的行盒居中，文字居中的效果是因为文字必须包含在行盒（匿名行盒）中。