css学习笔记 --初学 css代码风格、布局误区

  初学css，记录下初学者须要注意的事项。

  1、css 代码风格

　　1.css 命名语义化。

　　如类名：

          main   主体

　　   container 内容  

          footer    站底

          right、center、left   位置

       如文件名：

          base.css(css reset)  站点通用

          theme.css  主题

       2.一概小写，不要有下划线，中线

       3.css 属性按照首字母顺序排列

       4.css 属性组织模块化，添加适当注释

       5.一致性，方便阅读和维护

  2、初学者布局误区

       网页设计不仅是”DIV+CSS“，div只是html提供的众多html标签中一个，是最经常使用的但不是惟一的。css命名语义化应该与html标签语义化同时进行。

       如:

　　<div><div></div><div></div><div></div></div>

       确定不如

　　<div><p><span><span><em></em></p></div>

      清晰明了

  3、效率提高

　　一、宽高1px图片平铺会消耗资源

       二、css expression  极大消耗资源

　　三、颜色使用16进制，缩写的解析也会消耗时间（蛋囧，更可能是为了颜色的掌控）

       四、尽可能使用外链，不要内嵌

  4、初学者设计误区

       一、少用flash

       二、少用图片，有空白空间也比瞎弄图片瞎贴强