用了三天时间把李南江老师的视频看完，跟着老师的步骤敲了几个Demo。

有图有真相。

然后自己在网上又找了些设计图自己练习，经过反复的练习，加深了对布局上的理解。

根据李南江老师讲解的思路：

写的时候先勾画出一个大的框架，那个部位显示什么，在从大的框架分小的细节，这样一步一步的把框架建好再填充内容。

这样的工作效率确实快，省去的很多繁琐。

通过HTML对架构的建立，然后再使用CSS对页面进行渲染，使我对使用HTML和CSS更加的得心应手；

对于选择器的运用、margin、padding、position、float等布局的思路更加清晰。

还有伪元素选择器：before ：after 

使用HTML和CSS使页面代码分离，内容是内容，样式是样式，各不相干，却又紧密相连。

样式的修改和结构的重编变得轻松了许多。

想修改某个部位的颜色，字体大小等等。。。只需要在CSS中用选择器选中要修改的地方再修改几个属性值就可以了。

再比如在想在内容上面做修改，也只需要在HTML中找到需要修改的标签位置，然后添加或删除内容即可。

就是这么简单 So easy to happy！