可设置的属性(按顺序): "font-style font-variant font-weight font-size/line-height font-family"
font 简写属性在一个声明中设置所有字体属性。
font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。
注意: line - height属性设置行与行之间的空间。
例子:
p.ex1{
font:15px arial,sans-serif
}
p.ex2{
font:italic bold 12px/30px Georgia,serif
}
扩展资料:
1、font-style:指定文本的字体样式。
属性值:
normal:默认值。浏览器显示一个标准的字体样式。
italic:浏览器会显示一个斜体的字体样式。
oblique:浏览器会显示一个倾斜的字体样式。
inherit:规定应该从父元素继承字体样式。
2、font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
font-variant 属性主要用于定义小型大写字母文本。
属性值:
normal:默认值。浏览器会显示一个标准的字体。
small-caps:浏览器会显示小型大写字母的字体。
inherit:规定应该从父元素继承 font-variant 属性的值。
3、font-weight:属性设置文本的粗细。
属性值:
normal:默认值。定义标准的字符。
bold:定义粗体字符。
bolder:定义更粗的字符。
lighter:定义更细的字符。
100-900的整百数:定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。
inherit:规定应该从父元素继承字体的粗细。
4、font-size:属性用于设置字体大小。
5、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的样式属性的顺序可任意。