HTML5 常用文本样式属性

font-size:字号大小

相对长度单位 说明
em 相对于当前对象内文本的字体尺寸
px 像素,最常用,推荐使用
绝对长度单位 说明
in 英寸
cm 厘米
mm 毫米
pt

font-family:字体

可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体
eg: body{font-family:"华文彩云","宋体","黑体";}

font-weight:字体粗细

描述
normal 默认值,定义标准的字符
bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符
100~900(100的整数倍) 定义由细到粗的字符。其中400等同于normal,700等同于bold,值越大字体越粗

font-style:字体风格

如设置斜体、倾斜或正常字体,其可用属性值如下:

描述
normal 默认值,浏览器会显示标准的字体样式
italic 浏览器会显示斜体的字体样式
oblique 浏览器会显示倾斜的字体样式

其中italic和oblique都用于定义斜体,两者在显示效果上并没有本质区别,但实际工作中常使用italic

letter-spacing:字间距

字符与字符之间的空白

word-spacing:单词间距

英文单词之间的间距,对中文字符无效

line-height:行间距

常用的属性值单位有三种,分别为像素px,相对值em和百分比%,实际工作中使用最多的是像素px

text-transform:文本转换

用于控制英文字符的大小写,其可用属性值如下:

描述
none 默认值,不转换
capitalize 首字母大写
uppercase 全部字符转换为大写
lowercase 全部字符转换为小写

text-decoration:文本装饰

用于设置文本的下划线,上划线,删除线等装饰效果。其可用属性值如下:

描述
none 默认值,没有装饰
underline 下划线
overline 上划线
line-through 删除线

text-align:水平对齐方式

相当于html中的align对齐属性。其可用属性值如下:

描述
left 默认值,左对齐
right 右对齐
center 居中对齐

text-indent:首行缩进

其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%,允许使用负值,建议使用em作为设置单位

text-shadow:阴影效果

选择器 {text-shadow:h-shadow v-shadow blur color;}

属性 描述
h-shadow 水平阴影的距离
v-shadow 垂直阴影的距离
blur 模糊半径
color 阴影颜色

你可能感兴趣的:(HTML5,文本样式)