前端001css样式font字体属性

html-css020

前端001css样式font字体属性,第1张

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

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>

运行效果: