CSS的font-size屬性、字體屬性

font-size屬性

1. 絕對大小值 <absolute-size>

font-size: 12px;
font-size: 0.8em;
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium; 
font-size: large;
font-size: x-large;
font-size: xx-large;

2. 相對大小值 <relative-size>

font-size: 80%;
font-size: larger;  <!--比父元素更大的值-->
font-size: smaller;  <!--比父元素更小的值-->
font-size: inherit;  <!--從父元素那裏繼承字體--> 

3. 在所有瀏覽器中,可以顯示相同的文本大小,並允許所有瀏覽器縮放文本的大小進行調整。

body {font-size:100%;}
h1 {font-size: 3.25em;}
h2 {font-size: 2.5em;}
p {font-size: 0.625em;}

font-weight 屬性

{font-weight:normal;}
{font-weight:bold;}
{font-weight:600;}

font-variant 屬性

{font-variant:normal;}
{font-variant:small-caps;}  <!--小型大寫-->

font-style 屬性

{font-style:normal;}
{font-style:italic;}  <!--斜體-->
{font-style:oblique;}  <!--文本傾斜-->

font-family 屬性


所有聲明可以在一個font: 內

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章