理论教育 文本属性设置与行高语法的SEO规范方案

文本属性设置与行高语法的SEO规范方案

时间:2023-11-04 理论教育 版权反馈
【摘要】:normal恢复为默认间距。例如:div{letter-spacing:8px}div{letter-spacing:0.5pt}h2{letter-spacing:6px}3.行高语法:line-height:lengthnormal说明:本属性的作用是设置对象的行高。本属性只应用于整块的内容。

文本属性设置与行高语法的SEO规范方案

文本属性(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%;}

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈