1. 程式人生 > 實用技巧 >CSS與CSS3基礎知識(一)——CSS的字型樣式屬性

CSS與CSS3基礎知識(一)——CSS的字型樣式屬性

Hello,大家好呀,當了四年遊客,這是我第一次使用CSDN發表第一篇部落格。首先我來介紹一下自己,我本科是某雙非學校的電子商務專業,現在某985學校的電子資訊專業的研究生,跨考讓我對很多知識都不能熟練運用,希望可以在CSDN與大家一起成長!

CSS 英文全稱為Cascading Style Sheet,中文譯為“層疊樣式表”。CSS以 HTML為基礎,提供了豐富的功能,如字型、顏色、背景的控制及整體排版等,而且可以針對不同的瀏覽器設定不同的樣式。大部人入門選手可能對CSS的各種樣式運用不清晰,那麼第一次見面,我們就從CSS的文字樣式開始吧!

1.font-size:用於設定字號大小,長度單位如下表:

2.font-family:用於設定字型,常用的字型有宋體、微軟雅黑、黑體等。

*注意:可以同時指定多個字型,中間用英文逗號分開,如果瀏覽器識別不出來第一個就會識別第二個。

英文不用加“ ”,中文要“ ”,但英文裡面有空格,#,¥等符號要加“ ”。

例如:P{ font-family:Arial,"微軟雅黑","Times New Roman"};

3.font-weight:用於定義字型的粗細,其可用屬性值如表。

4.font-style:用於定義字型風格,其可用屬性值如表。

5.font:綜合設定字型樣式

用font:設定字型樣式,其基本語法格式如下:

選擇器{font:font-style font-weight font-size/line-height font-family;},其中不需要設定的屬性值可以省略(採用預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用。

[email protected]規則:用於定義伺服器字型。

通過@font-face規則,開發者可以在使用者計算機沒有安裝字型的時候,使用任何喜歡的字型。語法格式為@font-face{font-family:字型名稱;src:字型名稱;}

7.word-wrap:屬性用於實現長單詞和URL地址的自動換行。

語法格式為選擇器{word-wrap:屬性值;},屬性取值如下。