CSS段落属性.docVIP

CSS段落属性 表1 CSS段落属性 属性 说明 text-decoration 下划线、删除线、顶划线 text-transform 文本大小写 font-varient 将英文文本转换为“小型”大写字母 text-indent 段落首行缩进 text-align 文本水平对齐方式 line-height 行高 letter-spacing 字距 word-spacing 词距 1、text-decoration 在CSS中，使用text-decoration属性来定义字体下划线、删除线和顶划线。 语法： text-decoration:属性值; text-decoration属性取值如下表： 表1 CSS段落属性 text-decoration属性值 说明 text-decoration 下划线、删除线、顶划线 none 默认值，可以用这个属性值也可以去掉已经有下划线或删除线或顶划线的样式 underline 下划线 line-through 删除线 overline 顶划线 使用“text-decoration:none”这个属性值可以去除a标签的默认样式。 学了这个属性之后，我们应该摒弃HTML入门中学习的s标签（删除线）和u标签（下划线）。 2、text-transform 在CSS中，使用text-transform属性来转换文本的大小写，这个是针对英文而言，因为中文不存在大小写之分。 语法： text-transform:属性值; text-transform属性取值如下表： 表1 text-transform属性 text-transform属性值 说明 none 默认值，无转换发生 uppercase 转换成大写 lowercase 转换成小写 capitalize 将每个英文单词的首字母转换成大写，其余无转换发生 3、font-variant 使用font-variant属性只有一个作用：把文本设置成小型大写字母，这也是针对英文而言，因为中文不存在大小写之分。 语法： font-variant：normal/small-caps; font-variant属性取值如下表： 表1 font-variant属性 font-variant属性值 说明 normal 默认值，正常效果 small-caps 小型大写字母的字体 4、text-indent 我们可以使用CSS的text-indent属性来控制文本首行的缩进。 语法： text-indent:像素值; 在CSS初学阶段，全部都是使用像素作单位，在CSS进阶阶段我们会深入讲解其他CSS单位 5、text-align 在CSS中，使用text-align属性控制文本的水平方向的对齐方式：左对齐、居中对齐、右对齐。 语法： text-align:属性值; text-align属性取值如下表： 表1 text-align属性 text-align属性 说明 left 默认值，左对齐 center 居中对齐 right 右对齐 text-align属性只能针对文本文字和img标签，对其他标签无效。 6、line-height line-height属性指的是行高，而不是行间距。 语法： line-height:像素值; 在CSS初学者阶段，我们都是采用像素做单位。 7、letter-spacing 语法： letter-spacing:像素值; letter-spacing控制的是字间距，每一个中文文字作为一个“字”，而每一个英文字母也作为一个“字”！大家要细心留意一下。 默认情况下，letter-spacing我们几乎都用不上，我们直接采用浏览器默认样式就可以了。大家完全可以忽略掉这个属性。 8、word-spacing 语法： word-spacing:像素值; 定义词间距，以空格为基准进行调节，如果多个单词被连在一起，则被word-spacing视为一个单词；如果汉字被空格分隔，则分隔的多个汉字就被视为不同的单词，word-spacing属性此时有效。