君语贤
时光静好,与君语;细水流年,与君同;繁华落尽,与君老...

前端设计>知识整理>正文

网页文本格式化属性

2019-01-24 12:03 君语贤属性文本格式化网页

网页文本格式化属性

1.字体属性

1.指定字体

属性:font-family

取值:字体名称,名称之间用逗号隔开

ex:

font-family:"微软雅黑",Arial,"黑体";

2.字体大小

属性:font-size

取值:以px或pt为单位的数字

3.字体加粗

属性:font-weight

取值:

1.bold 加粗(b,hn)

2.normal 正常

3.value 无单位的数字(整百倍)

400-900

400:等同于normal

900:等同于bold

4.字体样式

属性:font-style

取值:

1.normal 正常显示

2.italic 斜体显示

5.小型大写字母

将小写字符变成大写,但文本的大小与小写字符一致

属性:font-variant

取值:

1.normal 正常

2.small-caps 小型的大写字符

6.字体属性简写

属性:font

取值:style variant weight size family;

注意:

如果用简写方式,必须设置family的值,否则无效。

font:12px; 错误

font:12px "黑体"; 正确

2.文本格式

1.文本颜色

属性:color

取值:合法的颜色值

2.文本排列

作用:指定文本,行内,行内块元素的水平对齐方式。

属性:text-align

取值:left/center/right/justify(两端对齐)

3.文字修饰(线条)

属性:text-decoration

取值:

none:无任何线条修饰

underline:下划线修饰

overline:上划线修饰

line-through:删除线修饰

4.行高

作用:定义一行文本的高度

特点:如果行高的高度大于字体本身的大小,那么该行文本将在指定的行高内呈现垂直居中的效果。

属性:line-height

取值:以px为单位数值

5.首行文本缩进

属性:text-indent

取值:以px为单位的数值

6.文本阴影

属性:text-shadow

取值:h-shadow v-shadow blur color;