這次要講的重點是:
* 再看視覺格式物件(Visual formatting model)中的 display 屬性
* 列表與清單物件
* 不用 TABLE 的表格
* 很好很強大的特殊屬性:counter
首先,在閱讀這篇文章之前,請明確認知以下兩件事情:
* IE6+7 sucks!
* 本文作者是三尛咖!
有以上明確的認知之後,我們繼續(疑?)。
視覺格式物件當然不只限於 display 而已,但是定位(position)與浮動(float)在 上一篇
在這之前,請先拜讀:
* Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
[http://www.w3.org/TR/CSS2/]
開始之前,請先默念:
本文第一心法:IE6 sucks!
CSS 打從 1.0 到現在的 2.1,目前只有在 IE8
在這之前,請先拜讀:
* Create a Clean Modern Website Design in Photoshop
[http://line25.com/tutorials/create-a-clean-modern-website-design-in-photoshop]
* How to convert a photoshop mockup to XHtml/CSS
[http://line25.com/tutorials/how-to-convert-a-photoshop-mockup-to-xhtml-css]
如果是 XHTML/CSS 高手們,
之前的文章在這邊,沒事可以當作茶餘飯後的剔牙文章。
* [CSS tech.] 從基礎到應用的雜談 [https://blog.hinablue.me/404]
* [CSS tech.] CSS 詞彙說明 [https://blog.hinablue.me/404]
* [CSS tech.] CSS 宣告、繼承與挑選者 [https://blog.hinablue.me/404]
這已經不是什麼新玩意,該說的我在雜談裡面也說得差不多了,索性來點 Hint