控制文字的样式包括文字大小写和文字修饰两个方面。
1、文字大小写
基本格式:text-transform: 参数
参数取值: ·uppercase:所有文字大写显示 ·lowercase:所有文字小写显示
·capitalize:每个单词的头字母大写显示 ·none:不继承母体的文字变形参数
注意:继承是指HTML的标识符对于包含自己的标识符的参数会继承下来。
2、文字修饰
文字修饰的主要是改变浏览器显示文字链接时的下划线。
基本格式:text-decoration: 参数
参数取值: ·underline:为文字加下划线 ·overline:为文字加上划线
·line-through:为文字加删除线 ·blink:使文字闪烁 ·none:不显示上述任何效果
八、CSS之控制文本
控制文本的样式包括单词距离、字母距离、文本行距、文本水平对齐、文本垂直对齐文本缩进六个部分。
1、单词间距 是指英文每个单词之间的距离,不包括中文文字。
基本格式: word-spacing: 间隔距离
间隔取值:points、em、pixes、in、cm、mm、pc、ex、normal等。
2、字母间距 是指英文字母之间的距离,功能、用法,以及参数的设置和单词间距很相似。
基本格式: letter-spacing: 字母间距
3、行距 是指上下两行基准线之间的垂直距离。
基本格式:line-height: 行间距离
行间取值:·不带单位的数字:以1为基数,相当于比例关系的100%
·带长度单位的数字:以具体的单位为准 ·比例关系
注意:如果文字字体很大,而行距相对较小的话,可能会发生上下两行文字互相重叠的现象。
4、文本水平对齐 可控制文本水平对齐,可以是文字内容,也可以是设置图片、影像资料的对齐方式。
基本格式:text-align: 参数
参数取值:·left:左对齐 ·right:右对齐 ·center:居中对齐 ·justify:相对左右对齐
text-align是块级属性,只用于<p>、< blockquqte>、< ul>、< h1>~< h6>等标识符里。
5、文本垂直对齐 相对于文本母体的位置而言的,不是指文本在网页里垂直对齐。
基本格式:vertical-align: 参数 也就是valign
参数取值:·top:顶对齐 ·bottom:底对齐 ·text-top:相对文本顶对齐 ·text-bottom:相对文本底对齐
·baseline:基准线对齐 ·middle:中心对齐 ·sub:以下标的形式显示 ·super:以上标的形式显示
6、文本缩进 使文本在相对默认值较窄的区域里显示,用于中文板式的首行缩进,或是为大段的引用文本和备注做成缩进的格式。
基本格式:text-indent: 缩进距离
缩进取值:·带长度单位的数字 ·比例关系
text-indent是块级属性,只能用于<p>、<blockquqte>、<ul>、< h1>~< h6>等标识符里。
第三课时内容结束!
