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