基于Web标准的设计要同时使用CSS和结构化HTML。二者相互依存，很难将其带来的优势分割开来。我们只有用HTML结构化地描述文档的结构，同时用CSS展现文档的样式，才会从Web标准中真正受益。

通过Web标准构建的页面，只要为其应用不同的CSS，HTML页面的布局样式可以被随心所欲地修改。CSS正是一种用来展现设计的方法，我们只需将其与原始的HTML文档结构关联起来即可。虽然CSS依赖于HTML结构并建立于其上，但却能够相对独立地为其提供丰富的表现样式。

但非常重要的一点是，HTML文档必须有一个良好的组织且合法的结构。一个非法的HTML文档可能会在浏览器中呈现出的样式是不可预料的，且可能会导致很多本可以避免的麻烦。若CSS布局出了问题，那么首先要检查的就是HTML文档的合法性。

更小的文件、更快的下载速度:

将样式相关的标记从HTML中移到CSS文件之后，通常文件的大小 也会降低。很有可能出现的情况就是，一张混杂着内容和表现的30K大小 的HTML文档，完全可以用一个10K和HTML加上一个10K的CSS文件代替。

除了可以降低文件大小之外，CSS文档还能够压缩、被浏览器缓存。多个页面可以同时使用一个CSS文档，减少重复下载。这样用户访问时只要下载一个CSS文档，其它页面所需CSS文件可以直接从浏览器缓存中获得。

无论对服务器还是对最终用户来讲，这种文件大小的降低有非常显著的效果。当站点流量非常大时，这些省下来的字节将极大地降低你的带宽需求。

增强对移动设备的支持:

实际上，一个正确、合理组织的页面甚至并不需要CSS来辅助呈现。在某些场景中：桌面显示器与PDA手持设备为其展现效果是不能采用同一呈现方式的。即使没有了CSS的修饰，原始的文档内容 也十分易读：超链接仍然可以点击，表单元素也可以正常使用…（参见每一次的CSS裸奔节）

但CSS仍为多种显示设备提供了支持–你可以单独为不同的显示设备指定不同的、专有的CSS样式。

不过目前除了屏幕之外，很少有人使用其他类型的显示设备。

更好的可访问性:

正确、合理地组织的HTML本身就具有良好的可访问性。如果用有效的标记编写页面，那么该页面的90%内容都将符合W3C的“内容可访问性指导建议(content-accessibility guidelines)”。

精确的控制:

作为一门专注于文档表现样式的语言，CSS提供了很多极为丰富的、全新的功能，而这些功能是HTML所无法企及的。例如对行间距的精确控制(line-height属性)、对元素之间的距离的精确控制(margin和padding属性)和指定元素在页面中的绝对/相对位置(absolute和relative)等。

你可以使用CSS进行定位，抛开老土的表格布局，让你随心所欲地将元素置于页面中的任何位置上。你可以通过CSS background属性对元素的背景加以精确的控制，而不是只能选择某种颜色或是某个单一、重复的背景图片…