1.font-size:字型大小
相對長度單位
說明em
相對於當前物件內文字的字型尺寸
px畫素,最常用,推薦使用
絕對長度單位
說明in
英吋cm
厘公尺mm
公釐pt
點2.font-family:字型
3.font-weight:字型粗細
值描述normal
預設值。定義標準的字元
bold
定義粗體字元
bolder
定義更粗的字元
lighter
定義更細的字元
100~900(100的整數倍)
定義由細到粗的字元。其中400等同於normal,700等同於bold,值越大字型越粗。
4.font-style:字型風格
其中iatlic和oblique都用於定義斜體,兩者在顯示效果上並沒有本質區別,但實際工作中常使用italic。
段落1:使用font屬性綜合設定段落文字的字型風格、字型大小、行高和字型。
段落2:使用font屬性綜合設定段落文字的字型風格、字型大小、行高和字型。由於省略了字型屬性font-family,這時font屬性不起作用。
在font樣式中,不需要設定的屬性可以省略(取預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用。
5.@font-face屬性
@font-face屬性是css3的新增屬性,用於定義伺服器字型。通過@font-face屬性,基本格式如下:
@font-face
font-family用於指定該伺服器字型的名稱,該名稱可以隨意定義;src屬性用於指定該字型檔案的路徑。
十里平湖霜滿天
寸寸青絲愁華年
6.word-wrap屬性
選擇器
值
描述normal
只在允許的斷字點換行(瀏覽器保持預設處理)
break-word
在長單詞或url位址內部進行換行
word-wrap:normal;
網頁平面ui設計學院
word-wrap:break-word;
網頁平面ui設計學院
可以看出,當瀏覽器預設處理時段落文字中的url位址會溢位邊框,當word-wrap屬性值為break-word時,url位址會沿邊框自動換行。
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字型樣式屬性
font size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以是使用苦厄對長度單位。其中,較為常用的是相對長度單位,推薦使用畫素單位px,在實際應用中,絕對長度單位使用較少。使用方法 p 相對長度單位 說明em 相對於當前物件內文字字型的尺寸 px畫素 最常用 絕對長度單位 說明in...