伺服器端字型和iconfont CSS3新增屬性

2021-09-16 18:11:55 字數 850 閱讀 8496

1.伺服器端字型

語法:@font-face

@font-face

divwebfon宣告使用服務端字型

format宣告字型檔案的格式

css3新增屬性

1.背景屬性

background-clip:border-box(背景被裁剪到邊框盒)/padding-box(背景被裁剪到內邊距框)/content-box(背景被裁剪到內容框)

background-origin:border-box/padding-box/centent-box

背景預設在**出現

background-size:length/percentage/cover/contain

背景大小  px/%(佔父元素)/cover(按邊框長邊等比例縮放,超出部分不顯示)/contain(按邊框最短邊等比例縮放)

2.新增多張背景圖

3.邊框屬性

border-radius:15px; 圓角邊框 2px  2px  右上,左下對角線 

邊框border-image:url("url")a b c d/border-image-width border-image-repeat

abcd當瀏覽器自動把邊框使用到的影象進行分隔時的上邊距,右邊距,下邊距,左邊距,四個邊距同時縮寫成乙個,不需要單位

4.盒陰影

box-shadow:h-shadow v-shadow blur spread color inset

h-shadow:水平陰影 

v-shadow:垂直陰影

blur:模糊距離

spread:陰影尺寸

color陰影顏色

inset:將外部陰影改為內部陰影

伺服器端字型和iconfont

1 伺服器端字型 在css3之前,頁面文字所使用的字型必須已經在客戶端中被安裝才能正常顯示,在樣式表中允許指定當前字型不能正常顯示時使用的替代字型,但是如果這個替代字型在客戶端中也沒有安裝時,使用這個字型的文字就不能正常顯示了。為了解決這個問題,在css3中,新增了web fonts功能,網頁中可以...

css實現網頁呼叫伺服器端字型

使用 font face呼叫伺服器端字型的 我們先來看看css2手冊中是怎麼定義的 以下是 片段 www.xlnv.net 語法 font face 說明 name 字型名稱 url 使用絕對或相對位址指定opentype字型 srules 樣式表定義 設定嵌入html文件的字型。嵌入html文件的...

font face屬性和伺服器端字型

1.font face屬性的使用方法 font face ps 2.可以使用的字型檔案格式 字型格式 字型屬性 otfopentype ttftruetype eotembedded opentype 3.例子 1.概念在定義字型的時候,可以把字型定義成斜體或則粗體,在使用伺服器端字型時,需要根據時...