css3 - CSS新手练习
迷茫
迷茫 2017-04-17 11:05:13
0
12
1397

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(12)
PHPzhong

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

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

大家讲道理

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

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

黄舟

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

小葫芦

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

大家讲道理

http://jsfiddle.net

Peter_Zhu
  • 學習使用bootstrap
  • 到 www.codecademy.com 學習HTML結構
  • 學習寫一個自己的簡曆靜態頁
左手右手慢动作

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

黄舟

簡單說說我個人的意見。

  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這類網站,那麼你會收獲很多的。
刘奇

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

巴扎黑

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板