一:字型的分類
有兩個型別的名稱可用於分類字型:
字型族名稱(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中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...