CSS非布局樣式 字型

2021-09-02 14:03:11 字數 635 閱讀 3281

一:字型的分類

有兩個型別的名稱可用於分類字型:

字型族名稱(family-name)

族類(generic family)

二:多字型fallback(實現多平台下的字型的適配)

css屬性font-family的作用是設定一組按優先順序排序的字型列表,如果該列表中的第乙個字型未在訪問者計算機上安裝,那麼就嘗試列表中的下乙個字型,依此類推,直到列表中的某個字型是已安裝的。比如:font-family:"times new roman",georgia,serif;

所以,一般在給出字型列表時,自然應把首選字型放在前面、把候選字型放在後面。建議在列表的最後給出乙個族類(generic family),這樣,當沒有乙個指定字型可用時,頁面至少可以採用乙個相同族類的字型來顯示。

三:網路字型、自定義字型

在css中,可以使用@font-face屬性來實現自定義字型。具體的用法如下:

@font-face 

body

"stylesheet" href=

""/>

四:iconfont

CSS(非布局樣式總結)

css 非布局樣式 問題1.css樣式 選擇器 的優先順序 1.計算權重 2.important 級別最高 實際開發盡量不用 3.內聯樣式比外聯樣式高,在外聯樣式中,id 選擇器級別最高,其次是類選擇器,最後是元素選擇器和偽類 4.後寫的優先順序高 問題2.雪碧圖的作用 1.減少 http 請求數,...

CSS非布局樣式背景 邊框

hsla 60,100 50 四個引數 顏色 0 360 飽和度 亮度 透明度 hsl 可以不設透明度 漸變色背景 background webkit linear gradient left,red,green background linear gradient to right,red,gre...

css字型樣式

注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...