您好,登錄后才能下訂單哦!
這篇文章主要介紹了css中font中不同屬性有哪些,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
簡寫順序:style-variant-weight-size/line-height-family
eg:
p{font:italic bold 12px/30px Georgia,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:"Times New Roman",Time,serif;}
寫法:(1)每個值用逗號分開(2)如果字體名稱包含空格,它必須加上雙引號。在html中使用“style”屬性時,使用單引號。
注意:(1)在計算機屏幕上,sans-serif字體被認為是比serif字體容易閱讀。(2)font-family有family-name(指定的系列)和generic-family(通常字體系列)。使用某種特定的字體完全取決于用戶機器上該字體是否可用,因此,強烈推薦使用一個通用字體系列名作為后路。
感謝你能夠認真閱讀完這篇文章,希望小編分享css中font中不同屬性有哪些內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。