CSS 笔记（二）：属性 —— 文字、文本、颜色

CSS 笔记（二）：属性 —— 文字、文本

文字

样式

属性

font-style

值

• normal（默认）
• italic

粗细

属性

font-weight

值

• bold
• bolder
• lighter（默认）

大小

属性

font-size

值

• (…)px

px (pixel)，像素，通过 font-size 设置大小必须存在单位，即 px

字体

属性

font-family

值

• 字体名称

如果字体名称为中文，则必须使用双引号或单引号，字体必须是在用户电脑中已经安装的

如果设置的字体不存在，那么系统会使用默认的字体显示，可以设置备用字体，如下所示

font-family: family_1, family_2, family_3, ...;

如何为中文和英文分别设置字体

已知：中文字体可以处理英文，而英文字体不能处理中文，因此，可以通过备用字体，先设置英文字体，再设置中文字体

---

简写格式

font: style weight size family;

• 在简写格式中 style 和 weight 属性可以省略或者相互交换位置，而 size 和 family 属性不可以省略或者相互交换

---

文本

装饰

属性

text-decoration

值

• underline
• line-through
• overline
• none（默认）

none 可以删除 a 标签的下划线

对齐

属性

text-align

值

• center
• right
• left（默认）

缩进

属性

text-indent

值

• (…)em
• (…)px

一个 em 代表一个文字的宽度

颜色

属性

color

值

• 英文单词

red, yello, blue, black

• rgb

color : rgb(r_num, g_num, b_num);

每种颜色的取值范围为 0 - 255，值越大所对应的颜色越明亮

• rgba

‘a’ 表示颜色的透明度，取值范围为 0 - 1，值越小所对应的颜色越透明

• 十六进制

本质上与 rgb 相同，每两位使用十六进制共同表示一个颜色，如果一组中每一位的取值相同则可以只写一位