版式是页面上字体的均衡和互相感化文字和视觉的均衡可以赞助阅读者懂得外形，而且深人页面内容的精华。版式饰演着文字和视觉转达的双重脚色。当阅读者阅读页面时，会潜意识地留意两个功效:起首，他们会查询拜访页面的全部图形样式;接着他们会解析说话并浏览。好的版式可以经由过程供给可视标点和图像说话来创立用于表示页面散文的视觉层级后果，这些可视标点符号和图像说话可以赞助读者懂得散文和图片、题目与下级文本块之间的联系关系。

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规范来展现，不外，个中“打印”和“手持”是被普遍支撑的两种规范。印刷样式表掌握着打印到纸面上的网站扶植页面格局，手持样式表掌握着应用移动装备所拜访的页面格局。这个功效的意义深远，因为好版式的品德会因为分歧序言而异。例如，那些让文字在屏幕上可读的特点会在纸上.看起来过年夜、隐约。经由过程应用实用于分歧情况的序言样式表，我们可以将优越的版式横跨多种序言宣布。