**font屬性比較多,一般只用幾種**
> font 簡寫屬性在一個聲明中設置所有字體屬性。
可設置的屬性是(按順序): "font-style font-variant font-weight font-size/line-height font-family"
>font-size和font-family的值是必需的。如果缺少了其他值,默認值將被插入,如果有默認值的話。
>一般這樣寫:``font:16px bold sans-serif;``
* font-size表示字體大小:
~~~
可以用自帶的,分別有xx-small,x-small,small,medium,large,x-large,xx-large.
還可以這樣
font-size:20px;
font-size:126%(相對于父級元素大小)
font-size:1.26em(相對應父級元素大小倍數)
~~~
* font-family表示字體體系:
~~~
font-family:sans-serif,verdana,geneva,arial,"courier new";(這是幾種字體樣式)
其中如果只有inherit表示繼承自父元素樣式
如果要用自己的字體樣式,則:
@font-face{
font-family:sans-serif,verdana,"courier new";
src:url(字體文件路徑),(字體文件路徑);
}
~~~
* font-style
~~~
font-style:...;
normal 默認值。瀏覽器顯示一個標準的字體樣式。
italic 瀏覽器會顯示一個斜體的字體樣式。
oblique 瀏覽器會顯示一個傾斜的字體樣式。
inherit 規定應該從父元素繼承字體樣式。
~~~
* font-weight 屬性設置文本的粗細
~~~
font-weight:...;
normal 默認值。定義標準的字符。
bold 定義粗體字符。
bolder 定義更粗的字符。
lighter 定義更細的字符。
inherit 規定應該從父元素繼承字體的粗細。
100~900 用數值表示粗細
~~~
* 行高
~~~
行高用line-light表示,它有三種表示方法:
line-height:20%,1.2em,30px;
其中em和百分比都是相對于字體的高度說的
~~~
**注意沒有font-color**