用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. 关于样式继承
样式的继承问题！

总结

以上是生活随笔为你收集整理的用CSS 给网页装潢[3] -构造文本的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。