文本格式化

mac2026-04-11  4

文本格式化

一、字体属性

1、指定字体系列 它的属为: font-family 取值为:value1,value2,… … 注意: 字体取值包含中文或特殊符号,使用""引 起来; 还有就是取多个值是因为不知道浏览器会接受那种字体,做双重保险。 ex : font-family:“宋体”,“微软雅黑” ,Arial; 2、字体大小 它的属性为: font-size 取值为:px或pt或em ex :font-size:24px; 3、字体加粗 它的属性为:font-weight 取值为: (1)、normal :正常体 (2)、bold:粗体 (3)、400~900       400:normal       900:bold 4、字体样式, 它的属性为:font-style 取值为: (1)、normal:正常体 (2)、ital ic:斜体 5、小型大写字母 作用:针对英文字符,将小写字符变成大写 字符,但是大小与小写一样 它的属性为:font-variant 取值为: (1)、normal (2)、small-caps 意思就是说它会把小写字母变为大写字母但是大小不变还是和小写字母一样。 6、字体属性 它的属性为:font 取值为:style variant weight size family 注意:使用简写属性时,必须要设置family 的值,否则无效; ex : font:12px; /无效/ font:12px “微软雅黑”;/有效/

二、文本属性

1、文本颜色 它的属性为:color 取值为:任意合法颜色(…) 2、文本排列方式 作用为:指定当前元素中的文本,行内元素,行内块元素的水平对齐方式。 它的属性为:text-align 取值为:left / center / right 3、文字修饰 作用为:指定文本的线条样式 它的属性为:text-decoration 取值为: (1)、none 没有线条显示 (2)、underline 下划线 相当于:<u></u> 3、overline 上划线 4、line- through 删除线 相当于:<s></s> 4、行高 作用为:指定元素中一行数据的高度。 如果行高的高度高于文字高度本身,那么该行文本将在行高的范围内呈现出垂直居中的显示效果 使用场合: (1)、控制一行文本垂直居中对齐 (2)、设置行间距 它的属性为:line-height 取值为:以px为单位的数值 5、首行文本缩进 它的属性为:text- indent 取值为:缩进的距离,以px为单位的数值。 6、文本阴影 它的属性为:text-shadow 取值为:h-shadow v-shadow blur color; (必需要输入,表示水平阴影的位置,允许输入负值;必需要输入,表示垂直阴影的位置,允许输入负值;选择输入,表示模糊的距离;选择输入,表示阴影的颜色;)

最新回复(0)