css应用是本文的重点，也是向Web标准过渡的重要一环。与结构设计相比，表现层的风格设计变化更大，更难掌握。对于千变万化的网页设计，如何将设计编码成机器可以识别的样式语言，也是CSS关注的重点。 Css丰富的风格表达也对设计师提出了更高的要求。针对向Web标准过渡的要求，首先对CSS的编写提出了一些建议和要求，这些内容将在后面的章节中详细讨论。1.合理的CSS文件结构

CSS虽然实现了样式设计与内容的分离，但CSS文件本身也应该具有良好的层次结构和规范，以进一步提高样式设计的可维护性。 CSS本身就支持导入功能。对于大型网站设计，建议使用单独的CSS 文件来组织样式。比如字体样式专门写在font.css文件中，表单设计放在form.css文件中。通过合理组织这些文件，可以为后期维护带来方便，也方便网站程序根据浏览器版本或终端设备调用文件，进一步提高CSS的跨平台适应性。2.继承与重用的优势

使用CSSs的优势在于其良好的复用特性，一段CSSs设计代码可以同时被多个领域使用。 CSSs除了乌龟功能外，还可以实现类似面向对象编程的继承机制，通过这种继承机制可以进一步完善网站的样式结构。比如在css对应的XHTML中，一级标签总是先使用自己标签的样式设计，然后再使用父级标签的样式，这样就可以在每一层分别放一些代码，他们互相作用； unified 代码放在顶级标签中。通过使用这个具有继承机制的功能，我们可以进一步减少样式设计的代码量，进一步改进设计方法。3.设计跨平台的代码

CSS 也有美中不足的地方。由于不同品牌的浏览器、不同版本之间的渲染方式不同，不同用户对CSS的解析也存在一定差异。一些旧版本的浏览器（如IE4.0和IE5.0等）仍然被很多不愿意升级的用户所使用。另外PC F和MAC机下也没有浏览器产品。等等。基于这些原因，CSS设计也应该具有一定的跨平台兼容特性，编码时应尽量减少不常用属性的使用。如果你想兼容旧版本的浏览器，你还应该注意留下某些CSS hack代码。4.具有良好可用性的Css样式设计

可用性随着计算机人机交互技术的发展不断扩展其内容和形式。易用性的目标是让我们的交互产品（软件、网站）最大限度的满足用户的需求，让产品更容易被用户使用，从根本上改变用户与产品交互的主观过程，提升产品价值，给产品和用户都带来好处。作为一种样式设计代码，CSS也包含了可用性设计的内容。

CSS样式的设计意味着你需要重新考虑你对网站整体风格的把握。从视觉设计的角度来看，为了实现最大的复用和合理的结构，需要统一的字体、字号和排版形式。这些统一的设计有助于视觉设计和可用性的提高。对于网站的细节，如链接变化提示、链接区域、导航的操作感等，也是CSS可用性设计的目标。最终目标是通过良好的设计创建一个更好的交互网站。方便用户使用，为网站和用户创造价值。5，使用基干DOM的脚本语言来编写交互

DOM也是为了实现脚本语言的跨平台、跨浏览器应用而产生的。 DOM（DocumentObject Model，文档对象模型）是由W3C制定的独立于浏览器的接口。它可以对网页中的标准组件（如HTML标签）做出技术上统一的规范，使得脚本语言可以访问这些组件，前提是浏览器支持这种基于DOM的定义规范。

目前，大多数浏览器都支持标准DOM。使用符合DOM 的脚本语言，基本上就不需要检查不同版本的浏览器和编写几套不同的代码了。只要使用符合DOM 的浏览器，相同的代码就可以完成所有支持的操作。目前的javaScript 是一种符合DOM标准的脚本语言。关于DOM的详细信息可以访问W3C的DOM专栏：http://www.w3.org/dom。

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！