慢慢 V6 03 1 讀書筆記 css字型

2021-09-24 02:55:30 字數 1508 閱讀 9367

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 需求 頁面某模組的文字內容是動態的,希望文字少的時候居中顯示,...