版式是页面上字体的平衡和相互作用文字和视觉的平衡可以帮助浏览者了解外形，并且深人页面内容的精髓。版式扮演着文字和视觉传达的双重角色。当浏览者浏览页面时，会潜意识地注意两个功能:首先，他们会调查页面的整个图形样式;接着他们会解析语言并阅读。好的版式可以通过提供可视标点和图像语言来创建用于表现页面散文的视觉层级效果，这些可视标点符号和图像语言可以帮助读者理解散文和图片、标题与下级文本块之间的关联。


1.Web字体特色

尽管网页的版式基本规则和传统印刷文档十分-致，屏幕字体和纸质印刷字体却大相径庭。相对于图书、杂志甚至是用廉价打印机打印的纸张，计算机屏幕显示字体所采用的分辨率相当低。大多数杂志和图书字体都采用1200dpi或者更高的分辨率来印刷，然而计算机屏幕的分辨率却鲜少85ppi)。当前Apple和Windows操作都采用抗锯齿字体来增加计算机展品上的可视分辨本，通过平滑处理学体周围的边缘来达到效果，因此在正常的屏幕阅读距离范围内，字体看起来与高分辨率的打印字体无太大差异。抗锯齿的工作原理，与易读性和阅读相关的长期研究表明，抗锯齿可以提高阅读速度及准确度。在放大时，这些字体会变模糊，但是在正常的阅读条件下以则十分清晰。

除了字体分辨率较低外，典型的计算机屏幕的可用区域也要比标准的普通版用器的图书开本(尤其是高度)要小，垂直高度十分有限。这些最大面积的计算均已假设浏览者已经在屏幕中将浏览器窗口进行了最大化，而且大多数时间，浏览器还有可能与浏览者在屏幕中打开的其他窗口共享屏幕空间。

2.动态构建

Web版式最与众不同的特征是它的多变性。Web页面会在每次被加载到Web浏览器时动态地构建。每行文字、每个标题以及每个独特的字体和样式都会经由Web浏览器、Web服务器以及浏览者的计算机操作系统复杂的交互重新创建。这个过程充满了不可预知性:缺失的字体、过时的浏览器、由浏览者指定的一组特殊的字体首选项。你应该把你的Web页面布局和字体看成是页面显示方式的建议，你无从得知它们在浏览者屏幕上的准确显示方式。

3.内容结构及视觉逻辑

HTML的发起人是那些想以共享粒子物理文档的科学家们。他们对文档在特定计算机屏幕上显示的准确形式不太感兴趣。实际上，HTML可用来强制分离内容结构和图形设计。在20世纪90年代的早期，人们根据这个意图来创建可以在所有系统和浏览器(包括可以为有视觉障碍的用户“读”内容的浏览器)上显示的万维网页面，这些页面可以被自动搜索和分析引擎精确地解读。

原Web设计师无视出版的图形设计和编辑管理的传统，忽略了人的动机及对说服的渴望。早期的Web程序员是如此关注制作便于机器使用的Web文档，以至于他们创建的文字只有机器(或者粒子物理学家)可读。他们仅仅关注文档结构逻辑，忽略了人们对精湛的图形设计和版式的可视化逻辑的需求。

4.层叠样式表

架构逻辑和视觉逻辑之间的分割通过层叠样式表(CSS)来调和。样式表可以控制页眉、段落、列表和其他页面元素的精准视觉样式。例如，你想将<h3>页眉设置成Arial粗体字，就可以在样式表中指定这些细节。你可以通过这种方式保留对HTML结构标签的逻辑使用，而不牺牲图形设计的灵活性。

5.CSS的优势

新设计网站时用到CSS设计技术。

●内容和设计分离。CSS为网站开发者提供了以下两种最佳状态，反映信息逻辑架构的内容标注，以及自由指定每个HTML标签的具体外观

●高效地控制大型文档集。CSS最强大的功能就是允许网站设计者通过修改单个样式表文档来控制成千万的页面的平面外观和感受。

6.样式表的工作方式

Web样式表并非是什么新鲜的事物。每个图形Web浏览器都采用了样式表，即便是很早之前的Mosaic-最早的图形Web浏览器。在有CSS之前不太可能修改浏览器以前确定的固定样式，例如，heading1(<h1>)页眉在屏幕中的显示。CSS的基本理念是让网站作者和用户确定每个标准的HTML标签的大小、样式和布局等细节。如果你曾经使用过页面布局或者文字处理程序的“样式”功能，你将可以理解CSS背后的基本原理。文字处理软件的样式功能被用来确定标题、子标题和内文的外观，之后，在你对各个元素应用样式时，文字就会被格式化。当所有的文字都已经被赋予样式后，便可以通过简单地更改文字的样式信息来更改该元素每个应用动应的外观。例如，将Heading1元素设置为TimesNewRoman。如果你改变主意，想采用另一种字体，则只需更改Heading1样式，整个文档中的所有Heading都会发生改变来显示新字体。CSS的工作方式几乎与此同出一辙，不同的是你可以使用CSS来创建主样式表，该主样式表可以用来控制网站建设中所有与主样式表相连的页面的可视化样式。

7.媒介样式表

我们可以使用CSS来为特定上下文提供适宜的格式。很多媒介都采用HTML和CSS规范来展示，不过，其中“打印”和“手持”是被广泛支持的两种规范。印刷样式表控制着打印到纸面上的网站建设页面格式，手持样式表控制着使用移动设备所访问的页面格式。这个功能的意义深远，因为好版式的品质会因为不同媒介而异。例如，那些让文字在屏幕上可读的特征会在纸上.看起来过大、模糊。通过使用适用于不同环境的媒介样式表，我们可以将良好的版式横跨多种媒介发布。