CSS那些事儿——关于如何提高编写代码的能力

1、多看css手册,学习和当做字典查询的作用;

2、XHTML代码中的每个标签的含义;

     // XHTML追求的是语义化结构;

        使用语义化结构带来的好处:

         A、当样式无法正常加载时依然会显示一个条例清晰的文档结构,好比在看一个整理好的word文档;

         B、利用SEO;

   C、加强与程序之间的配合;

   D、提高页面后期维护的工作效率;

        加强这方面能力,需要去理解每个模块、结构的作用,近期考虑学习HTML5

3、善于分析CSS布局网站的处理方式

——也就是多看一些网站的结构和样式,包括国外的,这样利于拓展思路,个人的经验告诉我,

HTML配合CSS是非常灵活的,同一个页面不同的人会切出不同的结构;虽然最终可能都能实现页面效果,

但是在代码的语义化,结构是否足够优化,后期是否便于拓展,维护等;

4、多做css布局网站的练习;

   看的多不如做的多,只有在做的过程中才会发现存在的问题,发现问题后解决问题,是一个很好的学习机会和方式

   (这一点我深有感触, 我认为练习就是最快的学习方式,实践出真知,也是从别人身上了解到的最好的学习方式)

   切记一味的抄袭,而应该思考,如何将设计稿更好的还原成页面效果;

   练习并一定要完成整个网页,也可以是一个模块,一个元素的处理等等;

   切记心浮气躁,css的细活,很多细节需要注意;

5、善于使用搜索引擎:

     Google、关键字搜索

6、善于使用辅助工具解决布局问题;

     比如高效的编译工具,比如好的调试工具

7、善于总结,整理笔记;

    将平时遇到的问题记录下来,如何解决的?等等,这样下次再次遇到同样的问题就可以快速解决;

8、收藏和使用代码片段;

    网页中常用的标签和结构也就那么多,收藏使用率较高的XHTML结构和css代码片段,有利于提高工作效率,好比我们做设计时候很多优秀的,好的素材可以拿过来重复利用一样,比如:ps中的笔刷,图案纹理等;

原文地址:https://www.cnblogs.com/zhangxg/p/4534652.html