font-family 屬性用於設定文字的字型系列。
font-family 屬性應該設定幾個字型名稱作為一種"後備"機制,如果瀏覽器不支援第一種字型,他將嘗試下一種字型。
注意: 如果字型系列的名稱超過乙個字,它必須用引號,如font family:"宋體",多個字型系列是用乙個逗號分隔指明。
font-size可以設定字型的大小,在style可以定義的格式為:
可以直接設定font-style或者font-size來設定字型的大小。
font-weight 屬性設定文字的粗細。
使用 bold 關鍵字可以將文字設定為粗體。
關鍵字 100 ~ 900 為字型指定了 9 級加粗度。如果乙個字型內建了這些加粗級別,那麼這些數字就直接對映到預定義的級別,100 對應最細的字型變形,900 對應最粗的字型變形。數字 400 等價於 normal,而 700 等價於 bold。
總體簡述為:
使用方法簡述為:
font-weight + (0~900)或者 bold 等
font-variant 屬性設定小型大寫字母的字型顯示文字,這意味著所有的小寫字母均會被轉換為大寫,但是所有使用小型大寫字型的字母與其餘文字相比,其字型尺寸更小。
簡單的來說:
格式上:小寫字母變大寫
大小上:比大寫字母小
small-caps:小型大寫字母
unset:比實際字型小一點
font-stretch屬性允許設定文字的寬窄,可以讓文字變寬或變窄。
目前沒有主流瀏覽器支援這個屬性,有點遺憾。
根據資料查詢,有 wider|narrower|ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|inherit 這些屬性可以用,此處就不深入學習了。
font-size-adjust屬性,讓您更好的控制字型大小,當第乙個選擇的字型不可用時。
當乙個字型不可用,瀏覽器使用第二個指定的字型。這可能會導致改變字型大小。為了防止這種情況,使用的font-size-adjust屬性。
所有字型都能有"aspect值",這是小寫字母"x"和大寫字母"x"的大小差異。
當瀏覽器知道"aspect值"為第一選擇的字型時,瀏覽器可以找出什麼樣的font-size使用第二選擇字型顯示文字。
目前只有firefox支援 font-size-adjust 屬性.
好像後面跟數字,0.58是宋體。
慢慢 V6 03 2 讀書筆記 css文字
主要改變的是以下屬性 文字的顏色 字元間距,對齊文字,裝飾文字,對文字進行縮排以及文字轉換。文字對齊的屬性可以設定為 根據以上屬性,text align的屬性可以類似的設定為 兩端對齊是指設定文字內容兩端,調整文字的水平間距,使其均勻分布在左右頁邊距之間。就類似兩行文字硬生生的首尾呼應的意思吧。條目...
css揭秘讀書筆記
currentcolor屬性讓hr和段落相同的顏色 div hr p裡面的hr標籤不變色 background origin padding box是背景的預設原點,background position right 10px bottom 10px 可以讓偏移,如果不支援這個屬性,可以這樣back...
《CSS世界》讀書筆記
css三無準則 無寬度 充分利用流特性 無浮動 無 無寬度與寬度分離分離準則相通 瀏覽器相容 區別 ie8僅支援單冒號的偽元素 如 element before 常用清楚浮動方式 清楚浮動 clearfix.clearfix after 需求 頁面某模組的文字內容是動態的,希望文字少的時候居中顯示,...