CSS3常用字体属性

时间:2024-03-17 17:15:57

·font-size:规定文本的字体尺寸

·通常用px,百分比,em来设置字体的大小。如:#div{font-size:50px;}

·xx-smallx-smallsmalllargex-largemedium(默认大小)等,将字体设置为不 同的尺寸。如:#div{font-size:x-large;} ,#div{font-size:50px;}

·smaller font-size设置为比父元素更小的尺寸。

·arger font-size设置为比父元素更大的尺寸。

·font-variant:规定是否以小型大写字母的字体显示文本。

·normal 默认值。

·small-caps:浏览器会显示小型大写字母的字体。

如:#div{font-variant:small-caps;}

·font-style:规定文本的字体样式。

·normal 默认值。

·italic 斜体字体样式。

·oblique 斜体字体样式。

·font-weight:规定字体的粗细。

·normal 默认值。

·bold 定义粗体字符。

·bolder 定义更粗的字符。lighter定义更细的字符。

·100-900:定义由粗到细的字符。(400=normal;700=bold

·font-family:规定字体的字体系列。如:#div{font-family:楷书;font-size:50px;}

·font:在一个声明中设置所有字体属性。

·用于一次设置字体的两个或者更多的方面。

·至少要指定字体的大小和字体的系列。

·可以按照顺序设置如下属性:font-style/font-variant/font-weight/font-size/font-family

如:#div{font:bold small-caps italic 60px 楷体;}

·@font-face:嵌入字体。(网上自己下字体样式)

如:@font-face{

font-family:’abc’;

src:url(‘winmantun23001.eot’);

}