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属性则可以单独对一个单词中的字符进行缩放。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。