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必须保留 否则不会起作用
font样式简写:
font:[font-style] [font-weight] [font-size] / [font-height] [font-family]
background样式简写:
background:[background-color] [background-image] [background-repeat] [background-position] / [background-size]
border样式简写:
border:[border-width] [border-style] [border-color]
其中font和background的样式属性顺序不可换,且"/"不可忽略,border的样式属性的顺序可任意。
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>
运行效果: