利用文字对齐属性text-align
■ 大小控制方法:
以下是控制文字大小的三种方法:
使用大小单位,pt(点),px(像素),em,及其他单位;
使用关键字(xx-small,x-small,small,medium,large,x-large,xx-large);
使用比例参数(150%等)。
例如:
p {font-size:12pt};
p {font-size:large};
p {font-size:200%};
■ 字体风格:
斜体 p {font-style:italic};
粗体 p {font-weight:bold};
在字重的设定方面,还有lighter(更轻)和bolder(更重),还可以使用数字100,200到900最重。
字体风格和字重都有一个共同的参数normal,一旦设为normal也就取消了字重和风格设置。
■ FONT-VARIANT:
FONT-VARIANT 可以将正常文字尺寸缩小一半后转为大写:
h2 {font-variant:small-caps}
■ TEXT-TRANSFORM:
完全控制字母大小写:
全部大写:h2 {text-transform:uppercase};
全部小写:h2 {text-transform:lowercase};
单词第一个字母大写:h2 {text-transform:capitalize};
取消所有设定:h2 {text-transform:none};
■ TEXT-DECORATION:
哪天你突发奇想,希望链接没有下划线,现在你可以做到:
文字下划线:A:link{text-decoration:underline};
文字上划线:A:link{text-decoration:overline};
文字删除线:A:link{text-decoration:line-through};
文字闪烁:A:link{text-decoration:blink};
不要任何效果:A:link{text-decoration:none}
■ 字间距:
利用字间距属性word-spacing,可以调整单词间的距离。
h2 {word-spacing:5pt}
■ 字母间距:
利用字母间距属性letter-spacing,可以调整单词中每个字母间的距离。
h2 {letter-spacing:10pt};
■ 行高:
与字距不同的是行距line-height,它调整的是行与行间垂直方向的距离,有三种方法设置:
数值:h3 {font-size:12pt; line-height:2};/*此处line-height=2x12pt=24pt */
长度单位:h3 {font-size:12pt; line-height:24pt};
比例:h3 {font-size:12pt; line-height:200%};
无论是字距或字母间距或行距都有一个共同的参数:normal,一旦设为normal就是要浏览器使用默认值。
■ 水平对齐:
利用文字对齐属性text-align,可以控制段落的水平对齐:
h2 {text-align:center}
h2 {text-align:left}
h2 {text-align:right}
这项属性可作用于<P>,<h1>-<h6>,<blockquote>和<ul>标记。
■ 垂直对齐:
利用垂直对齐属性vwrtical-align,可以控制对象(包括文字或图形)相对于母体的垂直位置:
h2 {vertical-align:top}
h2 {vertical-align:text-top}
h2 {vertical-align:bottom}
h2 {vertical-align:text-bottom}
h2 {vertical-align:baseline}
h2 {vertical-align:middle}
h2 {vertical-align:sub}/*上标*/
h2 {vertical-align:super}/*下标*/
这些属性具体对齐效果如何,希望大家自已去试验。
■ 首行缩进:
首行缩进text-indent,在文档排版中经常用到:
h3 {text-indent:24pt};