如何高效自学CSS?

  • 初期不要急着自己去设计页面,直接仿站来让自己获得从0到1的能力 我个人应该主要是通过模仿WordPress模板入的门。当然找的都是一些比较有新意的,结构上稍有复杂度的,基本没切过有高相似度的页面,时间要花在刀刃上。当时国外应该有大量应用了css3动画以及响应式设计等较新技术的页面(2011年),也确实培养起了自己对CSS的兴趣。
  • 找份真实的工作来巩固深入学习。相信我,放低姿态去找份真实的开发工作,比你自己业余去摸索要高效10倍。我个人毕业后进入网易,经过公司的内部系统培训,理解了CSS模块化的思想,才发现自己以前只能算是完成了一个页面,而不算是做好了它。真实的产品开发才是自己的CSS能力真正落地的开始。
  • 工作后应继续关注相关一些例如[Codrops] 等这类能带来CSS使用灵感的网站,去思考为什么,而不是copy它的代码去完成功能。页面开发中有太多重复的工作,如果你一直用一个思路去解决问题,会有碍于经验和能力的积累,形成一个较低级舒适区的怪圈。平时也可以去codepen这类网站收集一些琐碎的灵感,增加知识面
  • 学习css过程中千万不要剥离HTML学习。当你什么时候理解了html的重要性(从页面开发角度而言,它可以视为是后续良好css和js编码得以实施的基础,相当于程序中的数据结构,设计好了可以让你事半功倍),你才可以称得上是一个合格的页面开发
  • 对于新人,我建议除了几个关键概念,如布局、盒模型、单位等等,都不应该花大量去扣细节,甚至背书记忆,浏览性学习知道有这个东西就行,在实际应用时再去加深记忆。

你可能感兴趣的:(css)