iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 30
0
自我挑戰組

CSS 大全(第四版)閱讀筆記系列 第 30

day30【主題八:數值與單位】

一、全域關鍵字:

  • inherit,強制繼承該數性使用親代設定的數值
  • 個人在實務上inherit常應用在有些有標籤有些沒有的列表中
  • initial,設為預設的初始值
  • unset,對於繼承屬性效果與inherit相同;對於非繼承屬性效果與initial相同
  • 只接受全域關鍵字的特殊屬性:all

二、數字和百分比

  • CSS定義96像素會等於一英寸(但許多使用者代理不管這個定義)
  • 絕對單位在定義列印用樣式表實比較有用
  • em會隨著元素不同而變化,相對於親代元素
  • em會等於所使用字型裡小寫m的寬度;ex則是x的高度
  • rem固定以根元素為基準計算
  • ch定義使用字型0的步進寬度(字元字形的開始到下個字元字形開始之間的距離)
  • vw/vh 視埠寬度/視埠高度
  • vmin/vmax 視埠最小單位/視埠最大單位

三、計算值calc( )

  • +和-兩側都要有相同的度量型別
  • /運算的右側必須是數值,且不可以/0
  • *運算其中一個運算子必須是數值

上一篇
day29【主題七:邊界範圍】
系列文
CSS 大全(第四版)閱讀筆記30

尚未有邦友留言

立即登入留言