一.字体的属性汇总

1.2 字体具体设置
font-size
font-variant
font-style
font-weight
font-family
p {
font-family: 微软雅黑;
}
解释:使用指定字体名称。这里使用的字体是浏览者系统的字体。有时为了兼容很多浏
览者系统的字体,可以做几个后备字体。
//备用字体
p {
font-family: 楷体,微软雅黑,宋体;
}
font
p {
font: 50px 楷体;
}
解释:字体设置简写组合方式。格式如下:[是否倾斜|是否加粗|是否转小型大写] 字
体大小 字体名称;
二、文本总汇
文本装饰
1.text-decoration
p {
text-decoration: underline;
}
解释:设置文本出现下划线。属性值如下表:
值 说明
none 让本身有划线装饰的文本取消掉
underline 让文本的底部出现一条下划线
overline 让文本的头部出现一条上划线
line-through 让文本的中部出现一条删除划线
blink 让文本进行闪烁,基本不支持了
//让本来有下划线的超链接取消
a {
text-decoration: none;
}
2.text-transform
3.text-shadow
p {
text-shadow : 5px 5px 3px black;
}
解释:给文本添加阴影。其中四个值,第一个值:水平偏移;第二个值:垂直偏移;第
三个值:阴影模糊度(可选);第四个值:阴影颜色(可选)。
文本控制
1.text-align
p {
text-align: center;
}
解释:指定文本的对齐方式。
值 说明
left 靠左对齐,默认
right 靠右对齐
center 居中对齐
justify 内容两端对齐
start 让文本处于开始的边界
end 让文本处于结束的边界