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

看板Web_Design作者 (EvenWu)時間14年前 (2010/06/20 19:42), 編輯推噓3(3013)
留言16則, 5人參與, 最新討論串2/2 (看更多)
※ 引述《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

06/20 19:45, , 1F
這八點似乎可以當寫書的大綱了
06/20 19:45, 1F

06/20 20:11, , 2F
第五點有參考資料嗎? XD 還是說指的是blueprint gs960這類
06/20 20:11, 2F

06/20 22:00, , 3F
應該都是指reset, grid這類的吧?
06/20 22:00, 3F

06/20 23:44, , 4F
這邊也謝謝evenwu的熱心推介... 其實我爬舊文的時候,看到您
06/20 23:44, 4F

06/20 23:44, , 5F
所辦的活動,真的很有興趣...無奈今天是我作這個網頁的最後一
06/20 23:44, 5F

06/20 23:45, , 6F
天了。所以我才只得同時發信問很多版友...因為實在是沒時間了.
06/20 23:45, 6F

06/20 23:46, , 7F
要是之後還有機會接觸網頁這一塊的話...希望有時間好好學起來
06/20 23:46, 7F

06/21 01:46, , 8F
第五點是指你自己寫的如button怎麼下定義重複利用等
06/21 01:46, 8F

06/21 01:46, , 9F
基本上我不推css framework 因為大半功能用不到
06/21 01:46, 9F

06/21 01:47, , 10F
CSS framework不像JS各種framework/library的CP值這麼高
06/21 01:47, 10F

06/21 01:51, , 11F
但是初學者我會建議盡量先採用css framework
06/21 01:51, 11F

06/21 01:52, , 12F
但不要停止學習自己寫... 自己寫會摸熟很多很多梗
06/21 01:52, 12F

06/21 13:00, , 13F
個人也不喜歡960那種framework 選擇器名稱通常很囉嗦...
06/21 13:00, 13F

06/21 13:00, , 14F
第五點應該比較接近LESS這種吧 (還有evenwu可以寫書了啦 XD
06/21 13:00, 14F

06/21 17:26, , 15F
LESS算是工具,沒工具也可以把重複利用練好
06/21 17:26, 15F

06/21 17:27, , 16F
話說最近less.js實在是強大到不行
06/21 17:27, 16F
文章代碼(AID): #1C7VwjZ3 (Web_Design)
文章代碼(AID): #1C7VwjZ3 (Web_Design)