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、少用图片,有空白空间也比瞎弄图片瞎贴强

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

上一篇:PHP preg_replace()正则替换字符串


下一篇:jquery ui tabs详解(中文)