css基礎屬性之字型屬性

2021-10-05 01:42:57 字數 1742 閱讀 3268

語法:value值可以用數值/絕對大小關鍵字進行表示:

1)當value值為數值時,必須要在數值後新增單位(pt/px/em),其中pt:px=3:4;1em=16px(預設狀態)。

p

divh2

注意:當父元素中設定了字型的大小時,子元素中如果使用em作為單位的話,那麼1em=父元素字型的大小。

2)value值的絕對大小關鍵字有(具體效果大家可以自己嘗試一下):

xx-small

x-small

small

medium

large

x-large

xx-large

語法:這個語句用來定義字型的顏色,定義字型顏色的方式有三種:

1)直接使用顏色單詞定義

p

2)使用16進製制顏色定義

這裡的16進製制顏色可以通過從ps中吸取想要的顏色得到16進製制值用來表示顏色(可以由三位或者六位表示)

p

div

3)使用rgb和rgba定義顏色

這裡的rgb表示的是三原色r(red),g(green),b(blue),通過三原色的搭配實現顏色的定義

p

而rgba則是在三原色的基礎上新增了透明度(a)的設定,a的取值在0~1內,當a為0時,完全透明,顯示白色;a為1時,顯示rgb顏色本身

p

語法:

注意:瀏覽器首先會尋找字型1、如存在就使用改字型來顯示內容,如在字型1不存在的情況下,則會尋找字型2,如字型2也不存在,按字型3顯示內容,如果字型3 也不存在;則按系統預設字型顯示;

1)當所要設定的字型為中文時,必須要加引號,在引號內寫出想要的(電腦中包含有該字型樣式才能夠顯示)

p

2)設定字型為英文狀態時,若英文本型只有乙個單詞,那麼可以不加引號;字型由多個單詞構成時仍需要在引號中填寫

p

p

語法:

其中500為正常大小,小於500變細,大於500變粗

語法:italic和oblique都是向右傾斜的文字, 但區別在於italic是指斜體字,而oblique是傾斜的文字,對於沒有斜體的字型應該使用oblique屬性值來實現傾斜的文字效果.

語法:兩端對齊—對內容有要求:針對中英文混合的內容設定才有效果

語法:行高的作用有3種:

1.可以設定行間距(行間距=字型大小+兩排文字中間的距離)

2.可以清除內容自帶的行高(12px以下可以不清行高)

3.可以讓單行文字垂直居中(只針對單行文字)

語法:語法:

語法:注意:font的屬性值應按以下次序書寫(各個屬性之間用空格隔開)

順序: font-style font-weight font-size / line-height font-family

(1)簡寫時 , font-size和line-height只能通過斜槓/組成乙個值,不能分開寫。

(2) 順序不能改變 ,這種簡寫法只有在同時指定font-size和font-family屬性時才起作用,若沒有設定font-size和font-family屬性,則會按照網頁預設值代替)。

CSS屬性之字型 Font

css屬性之字型 font 復合屬性,各屬性見下文。必須同時包含font size和font family,且這兩個值順序不能變,其他關鍵字的值放到這兩個值的前面,順序可以隨意打亂。可以在字型大小值 font size 上放乙個可選的行高值 line height 作為字型大小的某種附屬值,後面必須...

CSS字型屬性

字型族科 語法 font family 族科名稱 種類族科 族科名稱 種類族科 允許值 族科名稱 任意字型族科名稱都可以使用 種類族科 serif e.g.times sans serif e.g.arial or helvetica cursive e.g.zapf chancery fantas...

css字型屬性

css字型屬性用於定義字型的顏色,大小和樣式。font family 用於定義字型的樣式,如黑體,宋體等等。在使用font family時要注意以下幾點 1 在開發中不要使用自己電腦上特有的字型,因為我們寫的網頁是讓其他使用者看的,樣式特殊的話,其他人的電腦上可能沒有這種字型,就會顯示出現效果差。2...