基于Web标准的CSS样式优化分析

陈宏君

摘 要：CSS学起来并不难，但在实际开发的项目中，不同的人在CSS书写风格上会有不同，导致CSS样式臃肿而杂乱，使团队成员的工作效率下降。为此本文总结了一些如何对CSS代码进行优化的方法，以实现CSS代码易读且规范，从而提高项目开发效率。

关键词：CSS；优化；Web标准

中图分类号：TP393.092 文献标识码：A 文章编号：1007-9599 （2013） 09-0000-02

CSS样式英文全称是“Cascading Style Sheets”，中文称之为“层叠样式表”，也称为“级联样式表”，是一种布局网页的技术，用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

网页设计要符合web标准实际上就是对网页的结构、表现与行为进行分离——即表现与内容分离。使用CSS能够实现表现与内容分离，能更好地控制页面布局，可以制作出体积更小、下载更快的网页。

1 CSS的基本格式

CSS的定义是由三个部分构成：选择符，属性和属性的取值。

基本格式如下：

样式选择符{属性1：属性值；属性2：属性值；...属性n：属性值；}

样式选择符可以是多种形式，一般是要定义样式的html标记，例如body、table等。

2 CSS代码优化的作用

大部分人使用Dreamweaver这种所见即所得软件来编写CSS，使得代码过于臃肿。CSS代码优化的目的并不仅仅是减少CSS文件的大小，还能让CSS代码更有条理、更高效，从而成为更优秀的网页设计师。CSS代码优化的作用：

2.1 减少占用网页字节。在同等条件下缩短浏览器下载CSS代码时间，相当于加快网页打开速度。

2.2 便于维护。简化和标准化CSS代码，便于日后维护。

3 CSS代码的优化方法

Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。……