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

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

  一、css 代码风格

　　1.css 命名语义化。

　　如类名：

          main   主体

　　   container 内容  

          footer    站底

          right、center、left   位置

       如文件名：

          base.css(css reset)  站点通用

          theme.css  主题

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

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

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

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

  二、初学者布局误区

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

       如:

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

       肯定不如

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

      清晰明了

  三、效率提升

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

       2、css expression  极大消耗资源

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

       4、尽量使用外链，不要内嵌

  四、初学者设计误区

       1、少用flash

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