今天我们来学习一下CSS中的一些文字属性
1.规定文字样式的属性
格式:font-style:****;
取值:normal(正常)italic(倾斜)
2.规定文字粗细的属性
格式:font-weight:****;
取值:①单词的取值:bold(加粗)bolder(比加粗更粗)
②数字的取值:100-900之间的整百数(使用的比较少)
3.规定文字大小的属性
格式:font-size:****;
取值:用像素取值
注意点:设置文字大小一定要带单位px,例如:font-size:50px;
4.规定文字字体的属性
格式:font-family:"****";
取值:"宋体","楷体","微软雅黑"
注意点:①如果取值是中文,需要用双引号括起来;
②设置的字体必须是用户电脑里面已经安装好的字体
下面来个例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文字属性</title>
<style type="text/css">
p{
font-style: italic;
font-weight: bold;
font-size:30px;
font-family: "楷体";
}
</style>
</head>
<body>
<p>博客:CallMeQiuqiuqiu</p>
</body>
</html>
当字体不存在时候,但是又不想用默认的字体怎么办呢?
解决方案:font-family:"好看的字体","微软雅黑";
如果前面的字体找不到,就会用后面的字体。两个字体之间用逗号间隔开
英文字体不可以处理中文,但是中文字体可以处理英文,因为中文里面包含了英文,而英文字体中没有中文。