关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站CSS文本属性

作者:佚名   时间:2014-03-15   分享到:

网站级联样式表可以对字体属性和文本属性加以区分,前者控制文本的大小、样式和外观,而后者控制文本对齐和呈现给用户的方式。

letter-spacing属性

letter-sapcing(字间距)属性在文本字符之间加入了额外的空格,浏览器在显示文本时可以表现出来。设置这个属性时可以使用长度值也可以使用默认关键字normal,表明浏览器应该使用正常的字符间隔。例如:blockquote{letter-spacing: 2px}

在<blockquote>标签内的相邻字符之间额外加入两个像素的单隔。使用letter-spacing属性伸展文本。

line-height属性

使用line-height(行间距)属性可定义标签文本内容间的最小行间距。能常情况下,浏览器会用单行距离来显示文本行,也就是说下一行的上端到上一行的下端只有几磅的间隔。通过增加行高,便可以增加行间距。

line-height值可能是绝对或相对长度、百分比、缩放系数或关键字normal。例如:

p{line-height: 14pt}

p{line-height: 120%}

p{line-height: 2.0}

第一个示例将文本相邻行基线之间的行高设置为整14磅。第二个示例计算出行高为字体大小的120%。最后一个示例用缩放系数将行高设置为字体大小的两倍,创建了双倍行距的文本。默认值normal一般等于1.0~1.2的缩放系数。

请住,line-height的绝对值和百分比值是根据font-size属性值来计算行高的。计算出的属性值将被子元素所继承。随后父元素或子元素对font-size的改变都不会影响计算出的行高。

另一方面,缩入系数将拖延到文本被实际显示出来时才计算行高。因此,改变font-size只能局部影响line-height。总得说来,最好对line-height属性使用缩放系数,这样当字体大小改变时行高也会自动改变。

尽管能常认为与文本相关的line-height属性是与字体属性分离的,也可以把其值包括在font属性的缩略符号中。

text-align属性

文本相对页边的调整几乎是所有文字处理器都具备的基本特性。text-align属性使得HTML的任何模块级标签都具有了这个能务(遵循W3C标准的人们更希望对<div>和<p>这类的模块级标签使用CSS2的text-align样式,而不是使用显式的align属性)。该属性共有4个值:left、right、center或justify。默认值当然是left、right、center或justify。默认值当然是left。例如:div{text-align:right}

这行代码告诉能够识别样式的浏览器,向右边界对齐<div>标签内的所有文本。justify值告诉浏览器要把文本与左右边界对齐,从中间拉伸字母和词语可以适应这种对齐方式。

text-decoration属性

text-decoration(文字修饰)属性可以产生文本修饰,其中有些还可以用于最早的物理样式标签。它的值是下列关键字中的一个或多个:underline、overline、line-through和blink。值none是默认值,它告诉能识别样式的浏览器要正常显示文本。

利用text-decoration属性定义不同链接的外观十分方便。例如:

a:visited, a:link, a:active{text-decoration: underline overline}

上述代码将在文档中链接的上面和下面各加一条线。这种文本属性不能继承,而且非文本无素不会受到text-decoration属性的影响。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7336.html

上海联楷网络新闻