一.字体的属性汇总

CSS学习之字体样式+文本样式
1.2 字体具体设置

font-size
CSS学习之字体样式+文本样式
CSS学习之字体样式+文本样式
font-variant
CSS学习之字体样式+文本样式
font-style
CSS学习之字体样式+文本样式
font-weight
CSS学习之字体样式+文本样式
font-family

p {
font-family: 微软雅黑;
}
解释:使用指定字体名称。这里使用的字体是浏览者系统的字体。有时为了兼容很多浏
览者系统的字体,可以做几个后备字体。
//备用字体
p {
font-family: 楷体,微软雅黑,宋体;
}

font

p {
font: 50px 楷体;
}
解释:字体设置简写组合方式。格式如下:[是否倾斜|是否加粗|是否转小型大写] 字
体大小 字体名称;

二、文本总汇

CSS学习之字体样式+文本样式

文本装饰

1.text-decoration

p {
text-decoration: underline;
}
解释:设置文本出现下划线。属性值如下表:
值                  说明
none          让本身有划线装饰的文本取消掉
underline     让文本的底部出现一条下划线
overline     让文本的头部出现一条上划线
line-through 让文本的中部出现一条删除划线
blink            让文本进行闪烁,基本不支持了

//让本来有下划线的超链接取消
a {
text-decoration: none;
}

2.text-transform

CSS学习之字体样式+文本样式
3.text-shadow

p {
text-shadow : 5px 5px 3px black;
}
解释:给文本添加阴影。其中四个值,第一个值:水平偏移;第二个值:垂直偏移;第
三个值:阴影模糊度(可选);第四个值:阴影颜色(可选)。

文本控制

1.text-align

p {
text-align: center;
}
解释:指定文本的对齐方式。
值         说明
left 靠左对齐,默认
right 靠右对齐
center 居中对齐
justify 内容两端对齐
start 让文本处于开始的边界
end 让文本处于结束的边界

CSS学习之字体样式+文本样式
CSS学习之字体样式+文本样式
CSS学习之字体样式+文本样式

相关文章: