关于CSS中的font

关于CSS中的font

---

在我已经学习的fort中一共有四个

• font-style
• font-weight
• font-family
• font-size

这四个都是用于对文本进行调整的

font-style:

用来修改文本是否倾斜，但在实际开发中很少用到倾斜，反而经常被用来将倾斜的文本修正。
代码如下：

<style>
	.italic{
	font-style:italic;
	}
	.normal{
	font-style:normal;
	}
</style>
<div class="italic">这个是倾斜的</div>
<em class="normal">这个原本是倾斜的但是被扶正了</em>

效果如下：
这个是倾斜的
这个原本是倾斜的但是被扶正了

---

• fon-weight

用来修改文本是否加粗，有两个属性单词：normal(正常);bold(加粗)，但在实际使用中很少会使用这两个属性单词，而是使用100~900来进行修改。需要注意的是数值必须是整数。400为正常，700为加粗。
代码如下：

<style>
	.bold{
	font-weight:"700";
	}
	.normal{
	font-weight:"400";
	}
</style>
<div class="bold">我变胖了</div>
<b class="400">我曾经是个胖子但我现在变瘦了</b>

显示效果如下：
我变胖了
我曾经是个胖子但我现在变瘦了

---

• font-family:

用来修改文本字体，大部分电脑中默认的都是微软雅黑字体。可以通过这个来进行修改，但要注意的是不能使用偏门的字体，以防有些电脑上没有此字体而出现错误，大部分情况下，推荐还是使用微软雅黑。
代码如下：

<style>
	.family{
		font-famile: Arial "Microsoft Yahei" "微软雅黑";
	}
</style>

需要注意的是，字体名称可以有多种写法。如上面代码中编写的三个都是指微软雅黑。但如果是中文或者带有特殊字符（如上面第二个带有空格）则必须加上英文的双引号。
除这三种写法外，还可以采用Unicode编码来写，如："\5b8b\4f53",就是宋体的Unicode编码了。

---

• #####font-size:
  用来调整文字的大小，以px（像素）为单位，大多数浏览器默认大小为16像素。但我们为了不出问题，一般是不采取默认值的，在实际开发中，对于文本最好上来就直接给他一个16px的大小。
  代码如下：

<style>
	.size{
	font-size:"16px";
	}
</style>

---

• 拓展：

这四个属性都是归于font，他们四个是可以放在一起来编写的，称为font综合。
代码如下：

<style>
	.and{
	font:italic 700 16px "微软雅黑";
	}
</style>
<p class="and">终于要写完了</p>

效果如下：
终于要写完了

需要注意的是，这四个属性要按规定的排序，一旦顺序不对，则所有的效果都无效。
顺序为：style > weight > size > family 。size和family属性是必须填写的。

以上就是关于我对于font的总结。