CSS中font是什么意思?

html-css020

CSS中font是什么意思?,第1张

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必须保留  否则不会起作用