您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關css中font不同屬性的示例分析的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
簡寫順序:style-variant-weight-size/line-height-family
eg:
p{font:italicbold12px/30pxGeorgia,serif;}
注意:font-size和font-family的值是必需的。
按順序依次介紹每個屬性:
一、font-style:normal(默認);italic(斜體);oblique(傾斜);inherit;
italic與oblique樣式很像,不過oblique兼容性不好。
二、font-variant:normall(默認);small-caps(顯示小型大寫字母的字體;意味著所有的小寫字母均會被轉換為大寫,但是所有使用small-caps的字母與其余文本相比,字體尺寸更小);inherit;
三、font-weight:normal(默認,400);bold(700);bolder;lighter;inherit;
四、font-size:medium(默認,中等的);smaller(比父元素更小的尺寸);larger(比父元素更大的尺寸);length;%;inherit;
其中與medium并列的屬性有:xx-small,x-small,small,meidium,large,x-large,xx-large.
五、font-family
eg:
p{font-family:"TimesNewRoman",Time,serif;}
寫法:(1)每個值用逗號分開(2)如果字體名稱包含空格,它必須加上雙引號。在html中使用“style”屬性時,使用單引號。
注意:(1)在計算機屏幕上,sans-serif字體被認為是比serif字體容易閱讀。(2)font-family有family-name(指定的系列)和generic-family(通常字體系列)。使用某種特定的字體完全取決于用戶機器上該字體是否可用,因此,強烈推薦使用一個通用字體系列名作為后路。
感謝各位的閱讀!關于“css中font不同屬性的示例分析”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。