ASP  区块属性
区块表示的是页面所包含的内容块,区块的放置与效果的显示会直接影响到页面的布局及风格。CSS样式表提供了区块属性来实现对页面中文本的控制,本节将对几种重要的区块属性进行介绍。
1.text-indent属性
text align center在网页设计中,最重要效果之一就是段落首行的缩进。CSS的text-indent属性就是用来设定文本块中首行的缩进。
text-indent属性可以定义两种缩进方式,一种是直接定义缩进的长度,另一种是定义缩进百分比。使用该属性,HTML任何标记都可以让首行以给定的长度或者百分比缩进。例如:
<p >
<p >
另外,text-indent属性还可以实现悬挂缩进,它使得首行悬挂在标记其他部分的左边。该效果的实现只需将属性值设置为需要的负数即可。
2.text-align属性
text-align属性用来设置文本的水平对齐方式。CSS提供了4种对齐方式:left、center、right和justify。left表示向左对齐,center表示文本居中,right表示向右对齐,justify则表示两端对齐。默认对齐方式是left。
在一般情况下,居中对齐适用于标题类文本,其他的对齐方式可以根据页面布局来选择使用。text-align属性只能用于文本块,而不能直接应用到图像标记<img>。如果要使图像同文本一样应用对齐方式,那么就必须将图像包含在文本块中。
3.white-space属性
white-space属性就是空白属性,该属性对文本的显示有着重要的影响。在标记上应用white-space属性可以影响浏览器对字符串或者文本间空白的处理方式。
在HTML语言中,显示文本会将各文字中间的多个空白压缩为一个空白输出,而如果想保留空白,则必须使用CSS提供的white-space属性,该属性有三个可选属性值:pre、nowrap和normal。pre表示文本间的空白不被忽略。nowrap表示文本内容不允许换行,除非使用<br>换行标记。normal表示按正常显示,文本间多余的空白将被忽略。
4.line-height属性
line-height属性用来设置行间距。网页中的每个元素都有一个内容区域,该内容区域是由字体尺寸决定的。内容区域中又包含了内联框,内联框的范围就是内容区域。行间距则可以增减内联框的高度,这是通过将行间距分为两半,再将每个半行间距应用于内容区域的顶部和底部来实现的,而这又构成了内联框。例如,设定内容区域为20px,行间距为30px,则两者的差值10px将分为两半,将每一半(5px)分别应用到内容区域的顶部和底部,就得到30px高的内联框。简而言之,行间距就是内容区域最底端与其内部顶端之间的距离。
line-height有三种设定方式:第一种是使用默认值,即设定属性值为normal,第二种是直接设定高度,第三种是使用百分比,其百分比取值是基于字体的高度尺寸。其中,最常用的是直接设定高度或者使用默认值。
设定行间距的单位有px、pt、cm、mm等,用户可以根据需要使用不同的单位。
5.vertical-align属性
在HTML中,标记<sup>和<sub>分别表示在页面中显示上标和下标。而在CSS中,可以直接使用vertical-align属性来定义,该属性用来设定垂直对齐方式。vertical-align属性有8个预设值可使用,也可以使用百分比。这8个预设值如表8-9所示。
表8-9  vertical-align属性值
属性值
描述
baseline
默认值,与上级标记基线对齐。
sub
垂直对齐文本的下标
super
垂直对齐文本的上标
top
将标记内容顶端对齐
text-top
将标记文本顶端对齐
middle
将标记内容中部对齐
bottom
将标记内容底部对齐
text-bottom
将标记文本底端对齐
应用上下标对齐方式的字体一般要比正文字体要小,起到一个标注的作用。
6.text-transform属性
text-transform属性用于设定文本字体的大小写转换。如表8-10所示,列出了该属性的四种属性值。
表8-10  text-transform属性值
属性值
描述
none
默认值,对文本不进行任何转换操作
capitalize
将每个单词的首字大写
uppercase
将每个字符大写
lowercase
将每个字符小写
7.text-decoration属性
text-decoration属性是文本修饰属性,该属性可以为页面提供多种文本的修饰效果,比如,下划线、删除线、闪烁等。属性值如表8-11所示。
表8-11  text-decoration属性值
属性值
描述
none
默认值,对文本不进行任何修饰
underline
下划线
overline
上划线
line-through
删除线
blink
闪烁
8.word-spacing属性和letter-spacing属性
word-spacing属性用于设定词与词之间的间距,而letter-spacing属性用于设定字符间距。两个属性都适用于所有页面元素。
word-spacing属性可以接受正的或者负的长度值,该长度值用于设定文本中词与词的距离。该属性的缺省值为normal,表示间距为0。使用letter-spacing属性则可以单独对一个单词中的字符进行缩放。