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

来源:互联网 发布:在线视频加速播放软件 编辑:程序博客网 时间:2024/04/27 10:11
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. 关于样式继承
样式的继承问题!
0 0
原创粉丝点击