iT邦幫忙

第 11 屆 iThome 鐵人賽
DAY 30
0
自我挑戰組

CSS 大全（第四版）閱讀筆記系列 第 30 篇

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

11th鐵人賽
831 瀏覽

  • 分享至 

  • xImage
    •  

一、全域關鍵字：

  • 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 篇
  1. 26
    day26【主題六：選擇器】筆記１
  2. 27
    day27【主題六：選擇器】筆記2
  3. 28
    day28【主題六：選擇器】筆記3-動態、介面狀態虛擬類別
  4. 29
    day29【主題七：邊界範圍】
  5. 30
    day30【主題八：數值與單位】
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙