我的学习div+css的步骤

最近有一个同学想学网页前端，自己去做一些网站，总是布局变形跑过来问了，问多了就很烦，都是同一个问题，并且完全自己能够解决的，还要问？所以归纳一下自己学习CSS+DIV布局步骤，如下：

一、认清学习的要求

1、弄清目的，首先要认识为什么要学习CSS？

2、心态不能急，如果你很急躁，否则会很快丧失兴趣。

3、坚持，这个不是一到两天的事情，是一个漫长的过程（至少两个月）。

二、基础学习

1、了解CSS作用是什么？（即CSS、html和js的关系是什么，html结构重要性）

2、css基础知识、css属性样式

上面几点，一般都是很快的掌握了，也不需要做到精通，了解大概就可以。

差不多时候，开始在网上找一些psd设计稿，自己做做看，做完之后发现问题，并把他们总结，不要要遇到一个问题就问一个，其实好多问题，是你自己马虎，还有你做着做着，就明白是怎么回事，如果真不明白也不要急。

三、学会分析别人网页布局

当你做psd设计的代码，发现问题，可能找不到答案或没有人帮你回答，也不要急，这是最好看看别人网页布局结构，主要html布局框架，让后借鉴（网上还有很多结构代码很槽糕），也的学会鉴别。了解美工图如何分析、如何使用PS工具切出需要素材、如何使用这些切出图片素材进行布局、布局技巧、兼容性解决与避免等。

总之：就是让自己布局时候能知道大的布局结构如何布局，建立布局思想与技巧。

四、代码的规范

看完别人很多网页代码之后，你发现，他们都有规范，这些规范网上有很多，你需要总结和背诵，当然不是死记硬背，主要在切图多做多实践，熟了就能记住。

我们有的老师，可能说没必要那么规范，技术到位就可以。可是到了工作，你就会发现很不现实。你自己也得想明白，前端人员水平差距是很大，这就是他只能在这个小地方当老师。

五、大量练习

练习是从始到终的，不要断，即使找一些简单的网页进行布局实践，开始可能开发很慢，会遇到很多小问题，也不急。

最后总结

这个是没有讨巧的过程，网上什么速成，适合自己、靠谱吗？开始学习吧！多学点总是有好处的

文/丁向明