css學習筆記20160117字型

2021-07-09 12:15:44 字數 760 閱讀 6215

css主要設定設定字型的字型樣式大小

font-family設定字型系列.屬性值如果超出了乙個字要用雙引號包圍,例如"times new roman",多個屬性值之間用逗號分割,當瀏覽器找不到第乙個字型時會依次向下尋找字型.如果找不到會在通用自體裡面使用相似的字型.

font-style屬性定義了字型樣式,屬性值可以為normal,italic,oblique分別是正常顯示,顯示斜體,顯示一邊傾斜的字型.其中第三種oblique和italic非常類似,但是不太被支援.

font-size屬性定義了字型大小,屬性值可以是px,em和百分比.推薦使用em和百分比.em相對父元素的大小 ,比如預設父元素大小是16px時2em=32px.

html裡面的em標籤是emphasis的縮寫,這裡的em指的是印刷排版單位.

所有的font屬性值也可以在font屬性中一次寫出啦,但是屬性值有順序並且font-size和font-family不可缺少,其順序為"font-style font-variant font-weight font-size/line-height font-family"

font-weight屬性可以設定字型的粗細,屬性值可以為normal,bold,bolder,lighter,100,200......900.其中400等同於normal,700等同於bold.

font-variant屬性可以設定小型大寫字母屬性值可以為normal,inherit,small-caps.使用small-caps時小寫字母會轉換成尺寸較小的大寫字母,例如refsnes中的efsnes.

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS 學習筆記

當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...