預設空div高度是0，但是一旦寫上幾個文字，高度就有了，這個高度由何而來？
表面上看，是有font-size決定的，但是本質上，是由line-height全權決定的，與font-size大小無關。
（注意這裡面的完全，即padding，border屬性對於可視高度無任何影響）
對於文字這樣的純內聯元素，line-height是高度計算的基石：指定了用來計算行框盒子的基礎高度。
比如說，line-height設為16px，第一行16，2行就是32，以此類推。
通常，line-height的高度作用的細節都是使用行距和半行距來解釋的
內聯元素的高度由固定高度和不固定高度組成，這個不固定的部分就是行距，line-height之所以起作用，就是通過改變行距實現的。
聯想一下文字排版，如果不改變字型字型大小，增加行距，也會佔更多的篇幅。
css中的行距分散在當前文字的上方和下方，即使是第一行文字，其上方也是有行距的，只不過這個行距的高度僅僅是完整行距高度的一半，因此也稱為半行距。
em-box 其高度正好就是1em，em是乙個相對font-size大小的css單位，1em等於當前乙個font-size大小；
不是的，比如說一些帶尾巴的英文本元（q或者g）其小尾巴在em-box範圍之外，對於漢字，很多字型圖形實際上小於em-box的高度。
大多數情況下，內容區域和em-box不一樣，
但是字型是宋體的時候，這兩個東西是相同的
《CSS世界》讀書筆記
css三無準則 無寬度 充分利用流特性 無浮動 無 無寬度與寬度分離分離準則相通 瀏覽器相容 區別 ie8僅支援單冒號的偽元素 如 element before 常用清楚浮動方式 清楚浮動 clearfix.clearfix after 需求 頁面某模組的文字內容是動態的，希望文字少的時候居中顯示，...
《css世界》的讀書筆記
1.等元素在使用鍵盤進行tab鍵切換時可以被選中，即獲取到焦點，表現為虛框或者外發光，這類元素為焦點元素 非焦點元素 等沒有設定tabindex屬性，即無法被tab鍵獲取。在ie6 7瀏覽器下，非焦點元素對 active置若罔聞。這裡涉及到ie6，7的相容性 2.ie瀏覽器不支援 偽元素的 disp...
《CSS世界》讀書筆記（七）
根據是否具有可替換內容，我們可以把元素分為替換元素和非替換元素。或表單元素和都是典型的替換元素。1 內容的外觀不受頁面上的css的影響。用專業的話講就是樣式表現在css作用域之外。例如 直接 input type checkbox 無法更改內間距 背景色等樣式，需要用瀏覽器自身暴露的一些樣式介面，例...