文字區域上面的稱為「頂部」下面的成為"底部"，但是字並不是對齊於「底部"，而是對齊於"基線base-line"。
當外層block（div/section/article）沒有設定高度時，多個inline-box組成line-box,line-box的高度決定行高【外層block（div/section/article）的高度由最高的line-height確定】；外層block設定高度後若block高度小於line-height,則無法對齊
line-height和文字區域不是乙個東西，文字區域與字型大小font-size有關，當一行中多個inline-box的font-size不同時，各自的頂部和底部不在一條水平線上，但字都是基於基線對齊的
如果一行中某個inline-box設定了字型大小，其齊的基線不會變，但是：
使用line-height和font-size時會使文字區域垂直居中（頂部和底部），但字元不一定是完全垂直居中的（看文字對齊方式，文字一般是基於基線對齊）
當乙個line-box中有多個inline-box時，所有inline-box都用vertical-align:middle才會時文字區域居中；當都設為 top時，也是按照box的頂部對齊的，並不是按照字來對齊
非布局樣式 背景
背景三種方式 rgba 255,0,0,0.3 線性漸變 webkit linear gradient left,red,green 多段漸變linear gradient 135deg,red 0,green 10 yellow 50 blue 100 漸變畫網格在這裡插入 片background...
CSS（非布局樣式總結）
css 非布局樣式 問題1.css樣式 選擇器 的優先順序 1.計算權重 2.important 級別最高 實際開發盡量不用 3.內聯樣式比外聯樣式高，在外聯樣式中，id 選擇器級別最高，其次是類選擇器，最後是元素選擇器和偽類 4.後寫的優先順序高 問題2.雪碧圖的作用 1.減少 http 請求數，...
CSS非布局樣式 字型
一 字型的分類 有兩個型別的名稱可用於分類字型 字型族名稱 family name 族類 generic family 二 多字型fallback 實現多平台下的字型的適配 css屬性font family的作用是設定一組按優先順序排序的字型列表，如果該列表中的第乙個字型未在訪問者計算機上安裝，那麼...