您好,登錄后才能下訂單哦!
本篇內容主要講解“css常用的字體屬性是什么”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“css常用的字體屬性是什么”吧!
css常用的字體屬性有:1、“font-family”可指定字體類型;2、“font-size”可設置字體大小;3、“font-style”可設置字體風格;4、“font-weight”;5、“font-variant”;6、“font”。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css字體屬性
屬性 | 說明 | CSS |
---|---|---|
font | 在一個聲明中設置所有字體屬性 | 1 |
font-family | 規定文本的字體系列 | 1 |
font-size | 規定文本的字體尺寸 | 1 |
font-style | 規定文本的字體樣式 | 1 |
font-variant | 規定文本的字體樣式 | 1 |
font-weight | 規定字體的粗細 | 1 |
@font-face | 一個規則,允許網站下載并使用其他超過"Web- safe"字體的字體 | 3 |
font-size-adjust | 為元素規定 aspect 值 | 3 |
font-stretch | 收縮或拉伸當前的字體系列 | 3 |
下面給大家仔細介紹一些常用的字體屬性。
一、font-family
該屬性用于指定文字的字體類型,如宋體、黑體、隸書、楷體、Times New Roman等。具體的語法如下:
{font-family:name;}
其中,name是字體的名稱。如:{font-family: 宋體;}
二、font-size
該屬性用來設置文字的大小。具體的語法格式如下:
{font-size:數值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;}
這些參數代表的意義分別是:像素數值、最小、較小、小、正常、大、較大、最大、相對字體尺寸、相對字體尺寸、百分比、繼承。
三、font-style
該屬性是用來定義字體的風格,即字體的顯示樣式。具體的語法如下:
{font-style: normal | intalic | oblique | inherit;}
其中屬性值分別表示默認值、斜體、傾斜、繼承。
四、font-weight
該屬性用來定義字體的粗細程度,具體的語法如下:
{font-weight: 100-900 | bold | bolder | lighter | normal;}
其中的屬性值分別表示數值、粗體、更粗、更細、默認。
五、font-variant
該屬性用于設置大寫字母的字體顯示。具體的語法格式如下:
{font-variant: normal | small-caps | inherit;}
其中的參數值分別表示默認值、顯示小型大寫字母的字體、繼承。
六、font
該屬性可以一次性使用多個屬性來定義文本字體,是字體的復合屬性。具體語法如下:
{font: font-style | font-variant | font-weight | font-size | font-family;}
到此,相信大家對“css常用的字體屬性是什么”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。