這次要講的重點是:
* 再看視覺格式物件(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 高手們,
從 阿維 [http://blog.hsdn.net/]
那邊看到的東西,實在是太好笑了,雖然這麼說好像有點不太道德,但是看到那個元素列表實在讓我無法克制啊!超標記語言翻成英文叫做 HTML,我想這個大家應該不陌生
(應該),但是 CHTML 就沒聽過了吧!我平時有在 Google Code 閒晃的習慣,既然阿維說上面有,就去繞了繞。
與其說估狗大神萬能,倒不如說中國大陸萬萬網民萬能吧!
http://code.google.com/p/chtml/
元素表在這邊,真的超噴飯的啦!