1.结合html+css+Photoshop，学会如何切割页面。所谓切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面。
2.打开有关浏览器网页，参照模板，编写自己的页面。通过浏览器自带的调试工具（F12进入调试）开始调试。学会调试会提高前端初学者的代码水平。
3.养成实操代码的习惯，对于前端初学者来说，光看书、看视频的学习是要不得的，是无法上手的。4万行代码是一个量变到质变的标准线。
只要将这几点做好，就能够更加熟练地运用html+css。
学习分为两种，
一种是全面系统的学习，这种情况下需要找一些系统的资料，比如教学资料，书籍，系列视屏等。
另外一种是需求驱动学习，指的是当你需要用到某一方面并不熟悉知识的时候，有针对性的去进行学习，这样的学习针对性强，记忆深刻。
此外推荐一些B站上比较有意思的CSS视屏UP主：
Microgoople 网页链接 主要发布一些漂亮的或者奇思妙想的 CSS 视屏。录制了代码编写的全过程。比较有意思。适合 CSS 初学者。
前端实验室 网页链接 同样以好看的前端样式为主。
