www.baike369.com
百科369 > CSS教程 > CSS设置段落文本

CSS设置段落文本



CSS设置段落文本

使用CSS text-indent属性控制首行缩进

在许多书籍的排版中,段落的首行几乎都是缩进的。

CSS文本首行缩进两个字符代码设置实例

使用CSS的text-indent属性可以定义文本段落中的首行字体缩进的效果。

CSS text-indent属性控制文字段落的首行缩进

浏览器的默认值是段落首行不缩进。

CSS text-indent属性使用负值的效果

将CSS的text-indent属性设置为负值,可以让文字超出段落几个字符的位置。

CSS text-indent属性中对百分比值的理解

在text-indent属性中使用百分比缩进的时候要注意,要缩进的百分比值是由相对于它所在父元素的宽度而定的,而不是由元素本身的宽度设定的。

使用CSS text-align属性设置水平对齐方式

text-align属性设置块级元素的水平方向上的对齐方式。

CSS text-align属性控制段落文字的水平对齐

使用text-align属性可以在CSS样式表中控制段落文字相对于页边的水平对齐方式。

CSS text-align属性只对块级元素有效果

text-align属性只有对块级元素进行设置才会有效果。

CSS text-align属性水平对齐方式的继承

CSS的text-align属性可以继承。

CSS vertical-align属性控制段落文字的垂直对齐

vertical-align属性用于设置文本、图片或其它网页对象和其它元素(一般是上一级元素或者同行的其它元素)的垂直对齐方式。

CSS使用垂直居中属性定义垂直居中的代码设置实例

在CSS中,使用vertical-align属性定义垂直居中。

CSS垂直对齐代码设置实例

使用CSS的vertical-align属性可以定义元素的垂直对齐效果。

使用CSS text-decoration属性进行文本装饰

使用text-decoration属性可以对文本进行特殊的修饰,它定义了文字的特殊效果。

CSS text-decoration属性设置文字修饰

使用text-decoration属性可以设置文字的修饰。

CSS文本装饰的综合运用

CSS的text-decoration属性是个属性值比较复杂的属性。

使用CSS white-space属性处理空白符

white-space属性指的是在元素内如何处理空格、tab键或者换行符。

CSS空白字符代码设置实例

使用CSS的white-space属性可以控制文本中使用空白字符时的显示效果。

使用CSS样式控制字符串不自动换行的方法

有些情况下,可能需要超长的字符串在一行中显示,这时,就必须控制字符串或文本进行不换行显示了,而使用CSS样式属性可以轻易地实现这种效果。

使用CSS样式将表格中的超长字符串显示为省略号

如果在表格中出现了超长字符串,我们想将它显示为省略号,可以有多种方法。

CSS在列表中显示不换行文本

在使用列表制作导航栏的过程中,往往遇到列表项中的文本会自动换行的问题。

使用CSS direction属性设置文本方向

direction属性规定了块文本的方向或者书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的方向。

CSS使用line-height属性调整行间距

使用line-height属性可以调整文本行之间的距离。

CSS line-height属性控制段落行间距

大片密密麻麻的文字往往会让人觉得乏味,因此适当地调整行高(line-height)可以降低阅读的困难与枯燥,并且使页面显得美观。

CSS设置单行文字在垂直方向居中显示

在网页设计中,往往为了突出标题而添加背景图案。

CSS格式化段落的首字母或首行

CSS利用伪元素:first-letter和:first-line,提供了一种可以只对段落中的某一部分设置样式的方法。

Copyright© 2011-2016 www.baike369.com All Rights Reserved