css3 - CSS新手练习

Question

看了一些CSS的基本教程，了解了一些基本的语法。
要怎么熟悉更多的CSS技能以至于能达到能设计出完整的网页呢？
有什么这样的练习的网站或者书么

Answer 1

我也說一下吧，求高手不噴。

我和題主一樣， 也是剛學了 CSS 的一些基本語法，想著練手，可是自己對於网页 UI設計不太在行（美工渣），於是就模仿著別人的頁麵來做。
於是我就找了個美工很厲害的朋友的頁麵，打開他的 CSS ，查看他的顏色值，（注意，我隻是看他的顏色值），其他的我沒看。然後再按照那個頁麵的風格來寫自己的頁麵的 CSS 。模仿的過程你隻看被模仿頁麵在瀏覽器上顯示出來的效果，最多看看 CSS 裏顏色值（當然，如果你配色能力強/對顏色敏感的話就自己選擇顏色吧），其他屬性就根據看到的然後自己思考該怎麼實現。（P.S. 當時我把做出來的效果發給那個朋友看，他也被嚇了一跳，他還問我是怎麼做到的，哈哈 :P）
這種方法在初學的時候應該還是挺有用的吧，我現在在模仿中慢慢找到感覺了，不過以後就要開始有自己的想法了，接下來該怎麼做就讓高手來回答吧，我水平不夠了

Answer 2

送給你 LayoutIt! 可拖放排序在線編輯的Bootstrap可視化布局係統。
LayOut

按照你想的隨意擺放你的布局，然後可以下載HTML代碼，再然後自己折騰

Answer 3

找一些比較好的網站，進行不斷的修改和調試，直到變成自己的。主要的還是多練手。

Answer 4

這還不好辦。你可以隨便到BAT的網上找一個前端的效果，自己實現它。把你遇到的所有技術難點都搞懂它。

Answer 5

http://jsfiddle.net

Answer 6

• 學習使用bootstrap
• 到 www.codecademy.com 學習HTML結構
• 學習寫一個自己的簡曆靜態頁

Answer 7

逼自己切圖，做頁麵出來，有時間就看www.w3school.com.cn

Answer 8

簡單說說我個人的意見。

1. 書籍：CSS: The Definitive Guide, 3rd Edition by Eric Meyer，通過它，你可以知道CSS是什麼，以前它能做什麼。
2. 參考資料：CSS Of MDN，它提供了CSS屬性值的參考，step by step的入門指南，還有許多生動的例子。
3. 常用站點：CSS-Tricks, [CSS Zen Garden](CSS Zen Garden: The Beauty in CSS Design),etc...
4. RSS訂閱：Web Design Weekly, Responsive Design Weekly, etc..
5. Just do it. 如果你知道了理論知識，但是沒有實踐，也是於事無補的。最好的老師就是實踐，從實踐中學習，碰到問題後，可以問Google或是類似SF這類網站，那麼你會收獲很多的。

Answer 9

說一下我當初的經曆：沒看書，就是拿了一個切好的網站（就是設計圖和html/css代碼），然後自己重新切一遍，不會的就對照成品，看看它是怎麼寫的，這樣對CSS就有了一個大體的了解了。
然後，就可以自己獨立寫了，遇到不懂的/解決不了的，就去網上查，一般你遇到的問題，早就被人家問爛了，漸漸的，就脫離CSS小白行列了。

Answer 10

嚐試自己做出淘寶頁麵！再去看他們的源碼，看那些特別的地方人家是怎麼處理的，比如清浮動，如何解決兼容性問題這些