通过CSS文字样式的设置,可以让网页的显示更加绚丽,那么关于CSS文字的样式,你了解多少呢?下面我就为大家讲解下关于css文字样式的相关内容。
1)设置字体
我们知道在html中我们可以通过<font face=“字体名称”>来设置,而在CSS中我们可以通过font-family属性来控制,在设置该属性的值时,我们可以设置多个字体名称,它们之间用逗号隔开。另外,一些字体的名称会出现空格,这时需要用双引号(英文半角的双引号)将其引起来。
2)文字大小
CSS通过font-size属性来控制文字大小,该属性的值可以使用很多种长度单位,比如px、in、cm、mm、pt(印刷点数)、pc(1pc=12pt)、em、ex、%(大小根据文字大小的比例进行显示),其中1em表示的长度是父元素中字母m的标准长度,1ex则表示字母x的标准高度,当父元素的文字大小变化时,使用这两个单位的子元素的大小会同比例变化。例如,在文字排版时,有时会要求第一个字母比其他字母大很多,并下沉显示,就可以使用em单位实现。
3)行高
我们可以通过line-height属性设置段落中各行文本的高度,该属性的值表示的是两行文字之间基线的距离,并可以设定为相对数值或是绝对数值,同时我们可以使用像素等单位作为其值的单位,也可以不使用任何单位,此时行高应写成与字体大小的比值。上面我们有讲过字体下沉的情况的,如果这时你只用绝对数值去设置行高,字体就不会下沉,而使用相对数值就可以在实现字体下沉。
4)文字颜色和背景颜色
通过CSS color属性可以设置文字的颜色,而background-color是设置背景色,大家记得分清楚了。
5)文字加粗、倾斜、大小写
在CSS中,是使用font-weight属性控制文字的粗细,font-style属性设置字体的倾斜,text-transform属性实现大小写的转换,其值有capitalize、uppercase、lowercase;
6)文字的装饰效果
CSS通过设置文字的text-decoration属性来实现一些特殊效果,如:下划线、顶划线、删除线、文字闪烁效果。设置属性值时,可以同时设置多种样式。
7)文字的水平对齐方式和段首缩进设置
段落的水平对齐方式是通过设置text-align来控制的,它的值可以设置为左、中、右和两端对齐(justify)等。而段首缩进是通过text-indent属性设置的,直接将缩进距离作为竖直即可。
8)段落的垂直对齐方式
如果我们想使方框中的文字竖直方向居中,我们可以使用vertical-align属性来实现,但是在目前的浏览器中,只能用表格单元中的对象竖直方向的对齐设置,对于块级元素则不起作用。那么在块级元素中我们该怎么做呢?如果是只有一行文字,我们可以使用line-height与height相同的办法使文字竖直居中。如果文字是多行或是窗口变窄,该方法就不行了。
关于css文字样式的具体内容就介绍到这了,更多精彩内容phplife.net会在最短时间内更新。