Re: [問題] CSS排板問題(問題更新)

[evenwu (EvenWu)]

※ 引述《zon (Zon)》之銘言：
: 先謝謝一樓的幫忙，我又矯正了一下
: http://www.effintech.com/_back/index.html
: 另外我把不同的browser的慘劇列了一下...
: Chrome 5
: http://www.effintech.com/_back/chrome.jpg
: IE 8
: http://www.effintech.com/_back/ie8.jpg
: Firefox 3.6
: http://www.effintech.com/_back/firefox.jpg
: 還請版友給點建議了，大感謝 ^^"
: 並祝大家週末愉快，謝謝。

我覺得您的問題有點複雜
當然我可以瞬間幫你解決所有問題
可土法煉鋼，所有的class,id一個一個幫你檢查
加上可以修改的條件去解決

但我一向是喜歡從根本解決
所以給你幾個方向去重新認識

1. !DOCTYPE（一定要弄清楚）+ Semantic HTML（熟業界常用案例，非常重要！）
2. reset.css（跨瀏覽器絕對必要）
3. Base layout（box model, float 一定要熟，尤其是負值margin的認識與控制）
4. Font setting（認識行內元素、徹底了解行高行距運作方式）
5. CSS library（如何有效率的重複利用CSS）
6. IE hack or IE conditional comments（搞定ie通常需要了解）
7. jQuery browser plugin (其他瀏覽器問題的最後手段，較少用)
8. Tools（認識好用的相關工具，可有可無）

通常我們實際在業界都是按照這個處理順序
可以避免許多跨平台的問題

回文比較無法講解的詳細
歡迎您來我們的聚會可以了解的更多
http://rgba.tumblr.com/post/356284580/about

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.32.77.168
→ evenwu:這八點似乎可以當寫書的大綱了
→ TonyQ:第五點有參考資料嗎？ XD  還是說指的是blueprint gs960這類
推 adamp3:應該都是指reset, grid這類的吧?
推 zon:這邊也謝謝evenwu的熱心推介... 其實我爬舊文的時候，看到您
→ zon:所辦的活動，真的很有興趣...無奈今天是我作這個網頁的最後一
→ zon:天了。所以我才只得同時發信問很多版友...因為實在是沒時間了.
→ zon:要是之後還有機會接觸網頁這一塊的話...希望有時間好好學起來
→ evenwu:第五點是指你自己寫的如button怎麼下定義重複利用等
→ evenwu:基本上我不推css framework 因為大半功能用不到
→ evenwu:CSS framework不像JS各種framework/library的CP值這麼高
→ evenwu:但是初學者我會建議盡量先採用css framework
→ evenwu:但不要停止學習自己寫... 自己寫會摸熟很多很多梗
推 aceone:個人也不喜歡960那種framework 選擇器名稱通常很囉嗦...
→ aceone:第五點應該比較接近LESS這種吧 (還有evenwu可以寫書了啦 XD
→ evenwu:LESS算是工具，沒工具也可以把重複利用練好
→ evenwu:話說最近less.js實在是強大到不行