文本属性(Text Properties)包括:字与字之间、字母之间的距离,以及行距(垂直间距)、文字的对齐方式、边距、边框及浮动要素等。
1.字间距(word-spacing)
语法:
word-spacing:length|normal
说明:
(1)本属性的作用为设置对象中单词间插入的空格数。
(2)length是由数字和单位标识符组成的长度值,允许为负值。normal恢复为默认间距。例如:
h3{word-spacing:lem}
div{word-spacing:10px}
2.字母间距(letter-spacing)
语法:
letter-spacing:length|normal
说明:
(1)本属性的作用是设置对象中文字间的间隔。该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
(2)length是由数字和单位标识符组成的长度值,允许为负值。normal恢复为默认间隔。例如:
div{letter-spacing:8px}
div{letter-spacing:0.5pt}
h2{letter-spacing:6px}
3.行高(line-height)
语法:
line-height:lengthnormal
说明:
(1)本属性的作用是设置对象的行高。即相邻两行的基准线(基准线就是英文小写字母如x、a的下阶线,但不包括诸如y、g等字母超过下阶线的部分)之间的垂直距离。如行内包含多个对象,则应用最大行高,此时行高不可为负值。
(2)length为由百分比数位或由数字、单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。normal为默认行高。
例如,用数字设行距。在用数字设定行高的时候,浏览器将利用字号来确定行距,它将字号乘以设定的参数值。所以本例中,行高将为33pt。(www.daowen.com)
b{font-size:11pt;line-height:3}
又如,用长度单位(em及pt是最常用的单位)设定行距,既可以将行距缩小,也可以将行距扩大。
b{font-size:14pt;line-height:12pt}
再如,用比例设定行距,行距是长度l0pt的120%,即12pt。
b{font-size:10pt;line-height:120%}
4.文字对齐(text-align)
语法:
text-align:left|right|center|justify
说明:
(1)本属性的作用为设置对象中文本的对齐方式。
(2)left为左对齐,right为右对齐,center为居中,justify为两端对齐。例如,利用文字对齐属性,可以控制段落的水平对齐。本属性只用于整块的内容,如<p>、<h1>~<h6>、<blockquote>和<u1>。
h2{text-align:center}
div{text-align:center}
(3)CSS不仅能够用于文字,还可以用于其他替代要素(替代要素指用其他内容代替的要素,图像是最常用的替代内容)。
(4)如果将样式表属性直接加到<img>上,有时不能正常显示,可以将<img>包含在<span>或<div>之内,然后将样式表加到<span>或<div>上,最好是加在<div>上。
5.文字缩行(text-indent)
语法:
text-indent:length
说明:
(1)本属性的作用是设置物件中的文本段落的缩进。本属性只应用于整块的内容。
(2)length为百分比数位或由浮点数字、单位标识符组成的长度值,允许为负值。例如:
p{text-indent:2em}/*本段第1行的起始位置比其正常位置缩进了两个字符*/
div{text-indent:-5px;}
div{text-indent:underline 10%;}
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。