重拾css(2)——帶着問題出發

來不及解釋，快上車... ...

1. 有些瀏覽器不徹底支持css3，如今能夠用哪一個工具去檢測瀏覽器是否支持，以及支持哪些項？

2. 經常使用的html標籤，它們的display屬性通常默認爲block和inline。有哪些經常使用標籤的display不是block和inline，這些標籤顯示的時候和block/inline有何區別？

3. 是否瞭解@import？

4. 一個表格的第一行顯示紅色背景，最後一行顯示藍色背景，中間行使用灰色/白色間隔的背景，如何寫？

5. 僞元素 ::before、::after 是否用過？都是在哪些地方用的？

6. css——層疊樣式表，其中的「層疊」該如何理解？

7. 對「特指度（specificity）」瞭解多少，知道「I-C-E」的計算規則嗎？

8. 特指度理解不是很麻煩，關鍵是分析多個css選擇符和計算麻煩。有一個簡單的解決方案，四句口訣，叫作「查理版簡單層疊要點」，是否瞭解？

9. 搜索「瀏覽器默認樣式」，找到它，打開看看，裏面是瀏覽器默認的全部樣式，你是否都能看得懂?

10. 在你開發系統的第一個css文件的第一行，就要寫上 * {margin:0; padding:0} ，這是爲什麼？

11. 樣式 p{margin-top:50px; margin-bottom:30px;} 將會致使p之間的垂直距離是多少？

12. 「盒子模型」你們都瞭解了（不知道趕忙去惡補！！），盒子模型的width實際上是指內容的寬度，不包括padding、border、margin。其實這樣對咱們作css佈局是很不利的，有什麼方法可讓width是所有的寬度？

13. float的一些影響會讓咱們常常啼笑皆非（特別是初學者），其實瞭解了float的設計初衷，也許你就會理解這些東西。float的設計初衷是什麼？

14. float具備「包裹性」——例如：<p>abc</p> 和 <p style='float:left'>abc</p> 二者的寬度是不同的，不信能夠爲 p 加上背景色試試。是否理解這種「包裹性」？試着想一想，還有哪些元素（或css屬性）也有這種「包裹性」？

15. float還有一個表象是「破壞性」，它會致使父元素高度塌陷，這個你們應該都知道吧？那麼這是爲什麼呢？另外，還有哪一個css屬性，也致使這種「破壞性」？

16. css清除浮動有三種方法，是否知道。你平時是怎麼清除浮動的？業內最經常使用的經典清除浮動樣式是什麼？

17. 相對定位relative如何理解，它和絕對定位absolute的最根本區別是什麼？

18. 「定位上下文」是否知道？

19. 經典的網頁三列布局如何實現？若是不考慮IE六、7，最好的實現多列布局的方式是什麼？

20. 是否用過inline-block，IE六、7如何兼容？