代码编辑器
电脑
定个小目标,培养自己的兴趣。学习HTML与CSS需要很大的耐心,因为都是一个字母一个字母的打出来不断测试的,如果没有耐心,不知道自己要做什么东西,更别提怎么学习CSS,如何学习CSS了?
下载一款编辑器软件。1.dreamweaver小编刚开始学的时候和大家一样都是用的dreamweaver,它的优势在于它有代码提示,对于刚开始学习CSS属性的人有帮助。2.editplus,它没有代码提示,在你大体上了解CSS属性后,就可以用这个编辑器了,它是纯文本的,就像txt文档一样,代码是用手打的,一个字母一个字母敲,更有利于我们记忆。3.Sublime Text3.现在最流行的就是这个,它有很多快捷键和插件,方便我们开发,在你熟悉并做过几个项目之后就可以用这个开发了,五彩的代码,快捷键,插件的应用会让你的开发速度像光一样,这里有点夸张了,小编现在也用的这款编辑器,确实不错,建议使用。
资料、手册学习。网上现在资料很多,小编不建议盲目的去查资料,可以按住一个或两个手册或网站学习,一个为主,一个为辅,要相信“摊多嚼不烂”的道理。好的学习手册有w3cschool 菜鸟教程 可以在线测试,边做实例边学习,事半功倍。
HTML。学习CSS是不够的,还要配合着HTML,HTML和CSS对于完成优秀的网页来说缺一不可。因为用HTML标签可以测试CSS的渲染情况,是否使用正确。
实践案例。1.俗话说的好“学以致用”。学习不是目的,会用,创造价值了才是目的。2.从网上选择一个简单点的网站,自己去模仿着去写,练习练习基本的CSS属性。切记不能完全抄别人代码,虽然效果出来了,但是你还是不知道如何实现的,下次遇到同样的问题就不能抄了。3.难度加大,可以选择一张网页PSD模板图,放到PS里,切图加布局,出现问题没关系,多写写就好了。
CSS3. 在有了一些基础之后可以学习CSS3,它可以实现JS的一些效果,让我们开发更简单。比如:写圆角,CSS之前写都是用图片,现在直接用CSS3一个属性就完成了,减少了服务器加载速度,让网页析开得更快。
耐心、坚持、努力、多问、多练、多思考、多总结。