CSS字型樣式屬性

2021-09-27 06:30:53 字數 2205 閱讀 7986

font-size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以是使用苦厄對長度單位。其中,較為常用的是相對長度單位,推薦使用畫素單位px,在實際應用中,絕對長度單位使用較少。

使用方法:p ;

相對長度單位

說明em

相對於當前物件內文字字型的尺寸

px畫素(最常用)

絕對長度單位

說明in

英吋cm

厘公尺mm

公釐pt點

例1:設定h3標籤和ol標籤字型大小為16px,p標籤字型大小為14px。

演藝經歷

社會活動

人物評價

2023年12月,在愛情古裝網劇《太子妃公升職記》中飾演強公公,迅速被大家熟知。

2023年2月,彭昱暢出演現代青春勵志劇《浪花一朵朵》,飾演泳隊少年明天;7月4日,參與央視電影頻道(cctv-6)首檔星素互動電影主題綜藝秀《國片大首映》錄製;演員的誕生,7月7日,參與湖南衛視盛唐時空聯合製作的原創文化探秘類節目《七十二層奇樓》 [;7月28日,與徐璐主演的校園勵志片《閃光少女》上映,飾演**生李由,並憑藉該片提名第20屆上海電影節亞洲新人獎最佳男演員獎。 ;9月,出演花明導演電影《完美魔咒》 ;12月,主演都市英雄幻想網路劇《器靈2》播出 。

<

font-family屬性用於設定字型,網頁中最常用的字型有宋體、微軟雅黑等。

使用方法:p ;

可以同時指定多個字型,中間以逗號隔開,表示如果瀏覽器不支援第一種字型,則將繼續嘗試下乙個字型,直到找到合適的字型。

常用技巧:1、現在網頁中常用的字型為14px;

2、盡量使用偶數的數字字型大小,ie6等老版本瀏覽器在設定奇數字型時會出現bug。

3、各種字型之間必須用英文狀態下的分號隔開。

4、中文字型一般需要加英文狀態下引號,英文本型一般不需要加引號,當需要設定英文本型時,英文呢字型必須位於中文字型之前。

5、如果字型名中包含空格、#、¥等符號,則該字型必須加英文狀態下的單引號或雙引號。例 font-family:"times and roman"。

在css中設定字型名稱,直接寫中文是可以的,但是在檔案編碼(gb2312、utf-8等)不匹配時會產生亂碼錯誤。

以下列舉兩個較為常用字型的英文名和編碼(大多數瀏覽器都會支援宋體和微軟雅黑二者之間的一種)。

字型英文名

字型編碼

宋體simsun

\5b58\4f53

微軟雅黑

microsoft yahei

\5fae\8f6f\96c5\9ed1

字型加粗在html中可用標籤和strong標籤,但除此之外,還可用css實現,但css是沒有語義的。

font-weight用來定義字型的粗細。

取值:normal:正常的字型,相當於數字400;

bold:粗體,相當於數字700;

bolder:定義比繼承值更重的值

lighter:定義比繼承值更輕的值

font-style用於設定字型風格,如斜體、傾斜和正常字型。

常用屬性如下:normal:預設值,瀏覽器會顯示標準的字型樣式;

itatic:瀏覽器會顯示斜體字體樣式;

例2:將例1中的h3標籤大小為16px,字型為黑體,顏色粉色,字型加粗值700

p標籤大小為14px,字型為黑體,顏色紫色,字型加粗值500,

ol標籤大小為16px,字型為黑體,顏色綠色,字型加粗值500

關鍵部分**如下:

處理結果如下圖所示:

font屬性用於對字型樣式進行綜合設定,其基本語法格式如下:

選擇器

注:使用font屬性時,必須按上面語法格式中的順序書寫,不能更換順序,且各個屬性之間以空格隔開;

其中不需要設定的屬性可以省略(取預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用。

例3:使用font綜合設定字型樣式

h3標籤大小為16px,字型為黑體,顏色粉色,字型加粗值700

p標籤大小為14px,字型為黑體,顏色紫色,字型加粗值400,

ol標籤大小為16px,字型為黑體,顏色綠色,字型加粗值400

關鍵部分**如下所示:

CSS字型樣式屬性

font size字型大小大小 一般推薦使用相對長度 px em 不推薦使用絕對長度 in,cmm,mm,pt font family字型 1.可以同時指定多個字型,中間用英文狀態的逗號隔開,英文本型一般不需要加引號,中文字型需要新增英文狀態下的引號,當需要設定英文本型時,英文本型必須位於中文字型之...

css字型樣式屬性

font size 字型大小大小 font size 字型大小大小用於設定字型大小,該屬性可以用相對長度單位 也可以使用絕對長度單位。其中相對長度單位比較常用,推薦使用畫素單位px,絕對長度用得相對較少。相對長度單位有 em px,推薦使用px font family 字型設定 font famil...

CSS字型樣式屬性

1.font size 大小 p 單位 2.font family 字型 p 各種字型之間必須使用英文狀態下的逗號隔開。中文字型需要加英文狀態下的引號,英文本型一般不需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。如果字型名中包含空格 等符號,則該字型必須加英文狀態下的單引號或雙...