用了三天时间把李南江老师的视频看完,跟着老师的步骤敲了几个Demo。
有图有真相。
然后自己在网上又找了些设计图自己练习,经过反复的练习,加深了对布局上的理解。
根据李南江老师讲解的思路:
写的时候先勾画出一个大的框架,那个部位显示什么,在从大的框架分小的细节,这样一步一步的把框架建好再填充内容。
这样的工作效率确实快,省去的很多繁琐。
通过HTML对架构的建立,然后再使用CSS对页面进行渲染,使我对使用HTML和CSS更加的得心应手;
对于选择器的运用、margin、padding、position、float等布局的思路更加清晰。
还有伪元素选择器:before :after
使用HTML和CSS使页面代码分离,内容是内容,样式是样式,各不相干,却又紧密相连。
样式的修改和结构的重编变得轻松了许多。
想修改某个部位的颜色,字体大小等等。。。只需要在CSS中用选择器选中要修改的地方再修改几个属性值就可以了。
再比如在想在内容上面做修改,也只需要在HTML中找到需要修改的标签位置,然后添加或删除内容即可。
就是这么简单 So easy to happy!