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