CSS中font是设置字体属性的。
font在css的作用就是在一个声明中设置所有字体属性:
举例说明:
<html>
<head>
<style type="text/css">
p.ex1
{
font:italic arial,sans-serif
}
p.ex2
{
font:italic bold 12px/30px arial,sans-serif
}
</style>
</head>
<body>
<p class="ex1">这是一个测试一般字体段落</p>
<p class="ex2">这是一个测试字体的段落</p>
</body>
</html>
运行效果:
1.如果想要设置字体样式可以使用font-family
2.如果想要设置加粗可以使用font-weight
3.如果想要设置倾斜可以使用font-style
4.如果想要设置字体大小可以使用font-size
上述样式如果想要在一个选择器中使用的话,一下写4个会显得比较冗余,那么我们可以简化综合复合如下的样式
选择器 {font :font-style font-weight font-size/line-height font-family}顺序不可颠倒 其中 font-size和font-family必须保留 否则不会起作用