第5章 用CSS控制文本样式
在网页中包含了大量的文字信息,统称为文本。所有的由文字构成的网页元素都是网页文本。文本的样式由文字样式和段落样式构成。CSS提供了丰富的属性来控制文字样式和段落样式。本章讲述用CSS控制网页中文字的样式。本章内容包括:
使用CSS样式控制文字的样式
使用CSS样式控制段落的样式
5.1
字体在印刷业中,字体的使用是非常自由的。在印刷品上可以使用各种各样的字体来丰富产品外观。但是这种便利并不适用于网页。因为在网页上表现的字体并不是由服务器决定的,而是由用户的终端系统决定的。字体并不是浏览器的一部分,而是电脑系统的一部分。当设计师在设定网页字体的时候使用了一种用户没有安装的字体,那么用户在浏览这个网页时就不会看到设计师所设定的字体。此时在网页上显示的是用户系统默认的字体。
5.2
文字大小概述网页文字的大小决定网页内容的重要程度,较大的文字通常用作标题。文字的默认大小是由用户的浏览器决定的。在IE6、IE7和火狐浏览器中,网页显示的文字大小默认为16像素。设计人员可以使用CSS的font-size属性来改变网页中文字的默认大小。
5.2.1
设置文字大小CSS提供了font-size属性用于改变文字大小。
5.2.2
使用相对大小定义使用相对大小的方法定义文字大小,textsize值可以使用相对长度单位定义和相对关键字定义。
1.使用相对长度单位定义文字大小
2.使用相对关键字文字大小
5.2.3
使用绝对大小定义除了使用相对大小的方法定义文字大小,还可以使用绝对大小的方法定义文字大小。
1.使用物理长度单位定义文字大小
2.使用关键字定义文字大小
5.3
文字颜色在网页上使用不同颜色的文字可以突出主题以及美化页面。
CSS提供了color属性用于改变网页上文字的颜色。
5.4
文字粗细在网页上的标题通常用加粗的字体表示。在html中,使用b标签表示加粗的文段。CSS提供了font-weight属性用于改变网页上文字的粗细,可减小b标签的重复应用。该属性还可以把b标签中显示为粗体的文字变细。
5.5
斜体在网页中的斜体文字常用于语句引用。在html中,使用em标签和i标签也可以将文字倾斜。CSS提供了font-style属性用于设置网页上文字是否倾斜。
5.6
下划线、顶划线和删除线在网页中的常常使用下划线来提示可点击的文字。在购物网站中,常使用删除线来修饰旧价格。下划线、顶划线和删除线统称为修饰线。CSS提供了text-decoration属性用于设置网页上文字的修饰线。
5.7
英文字母大小写在网页中使用英文文字常会涉及到文字大小写的问题。在购物网站中,常使用删除线来修饰旧价格。下划线、顶划线和删除线统称为修饰线。CSS提供了text-transform属性用于设置英文文字的大小写
5.8
属性的缩写法