用CSS 给网页装潢[3] -构造文本

1）文本缩进

2）文本对齐

3）文本行高

4）字间隔(单词)

5）字母间隔

6）文字下划线

7）字体

8）字体风格

9）字体大小

10）文本颜色

11）文本加粗

12）关于样式继承

本课导语：

CSS 对文本的处理特别方便，这一节课我们就来学习一下css 常用的对文本的设

置操作！

CSS 长度值得单位：

%——百分比

in——寸

cm——厘米

mm——毫米

pt——point，大约1/72 寸；

pc——pica，大约6pt，1/6 寸；

px——屏幕的一个像素点；

em——元素的font-size；

1. 文本缩进

text-indent：值；

值为数字，最常用的数值单位是px(像素)，也可以直接是百分比！

text-indent:100px;

text-indent:10%;

2. 文本对齐

text-align:对其方式;

可以的值为：left、center、right

3. 文本行高

line-height:值;

line-height:23px;

line-height:120%;

默认：normal

4. 字间隔(单词)

word-spacing:10px;

默认值：normal

5. 字母间隔

letter-spacing:5px;

默认值：normal

6. 文字下划线

text-decoration:none;

值：underline 或者none 等，常用值就这两个

7. 字体

font-family:微软雅黑;

多个字体用逗号隔开

font-family:"Times New Roman",Georgia,Serif;

font-family:字体1,字体2;

8. 字体风格

font-style:值;

normal

italic

oblique

9. 字体大小

font-size:数值;

数值单位为px

10. 文本颜色

color:颜色值;

颜色值可以为一些简单的英语单词

color:red;

实际工作中用的比较多的是颜色代码

color:#111111;

11. 文本加粗

font-weight:值;

常用值：

normal

bold

12. 关于样式继承

样式的继承问题！