首頁  >  文章  >  web前端  >  css常用的字體屬性有哪些

css常用的字體屬性有哪些

青灯夜游
青灯夜游原創
2021-12-09 14:26:4414974瀏覽

css常用的字體屬性有:1、「font-family」可指定字體類型;2、「font-size」可設定字體大小;3、「font-style」可設定字體風格;4 、「font-weight」;5、「font-variant」;6、「font」。

css常用的字體屬性有哪些

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css字體屬性

##說明fontfont-familyfont-size##1font-style規定文字的字體樣式1#font-variant規定文字的字體樣式1font-weight規定字體的粗細一個規則,允許網站下載並使用其他超過"Web- safe"字體的字體 ##font-size-adjust為元素規定aspect 值3font-stretch縮或拉伸目前的字體系列3一、font-family
#屬性##CSS
在一個宣告中設定所有字體屬性 1
規定文字的字體系列 1
規定文字的字體尺寸
##1 @font-face
#3
下面要為大家仔細介紹一些常用的字體屬性。

此屬性用於指定文字的字體類型,如宋體、黑體、隸書、楷體、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影片教學

以上是css常用的字體屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn