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

看了一些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小白行列了。

巴扎黑

尝试自己做出淘宝页面!再去看他们的源码,看那些特别的地方人家是怎么处理的,比如清浮动,如何解决兼容性问题这些

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