在 噗浪 [http://www.plurk.com/hinablue/invite] 上看到 ericsk [http://blog.ericsk.org/]
(的 噗浪 [http://www.plurk.com/ericsk]) 所寫的按鈕,我覺得應該來寫 part 5 了。至於為什麼是按鈕,那就先來看看
ericsk 所寫的按鈕:
很單純的 Click Me
在這之前,已經沒有要拜讀的東西了,不過有幾點明確認知請大家注意:
在這之前,已經沒有要拜讀的東西了,不過有幾點明確認知請大家注意:
* IE6+7 sucks!
* 本文作者是三尛咖!
* 本文秉持著"先研究不傷眼睛,再講究效果"
* 若有不適者請勿繼續閱讀(疑?)。
* update, 請愛用 DTD。
到了這般地步,我想應該已經沒有甚麼特殊技能了。畢竟 CSS Styling 所需要的其實不是鑽研它能做些甚麼,而是你必須要知道你想要做些甚麼,而 CSS
Styling 能否能滿足你的需求,如此而已。所以,也別把 CSS
這次要講的重點是:
* 再看視覺格式物件(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 高手們,