很多从事网页设计的计算机专业人员，对于网页制作技术都能够驾轻就熟，但对于网页富有艺术性和个性的设计却感到力不从心。特别是没有经过艺术设计专业训练的网页制作者，在初步掌握了网页制作技术的情况下，都渴望将自己的网页设计得更具创意和美感。
目前，关于网页制作的讨论和介绍，多以技术性操作为主，而对于技术与艺术如何融合方面探索得就非常少了。本章将详细介绍网页排版中主要格式化要素，并演练用CSS控制版式的各种方法，帮助读者把CSS技术与网页编排紧密结合在一起，实现网页实用性与欣赏性相得益彰的设计效果。
排版设计亦称版面编排。所谓编排，即在有限的网页页面内，将版面构成要素：文字、段落、图片、线条线框和颜色色块等，根据特定内容的需要进行组合排列，并运用艺术思维与格式化基本规则，把构思与计划以视觉形式表达出来。也就是寻求艺术手段来正确地表现版面信息，因此排版一种直觉性、创造性的活动。编排是制造和建立有序版面的理想方式；也是一个从设计到制作实细化的过程。例如，网页格式化排版时，设计师需要考虑字体的选用，字体大小的统筹，字体颜色的搭配，图文混排的方式，各种排版要素的创意组合等。这些看似微不足道的细节却对网页的表现效果具有重要影响。医用灭菌袋 灭菌袋封口机 硅橡胶印模材 齿科针
老子曾说：“天下难事，必做于易；天下大事，必做于细”，它精辟地指出了想成一番事业，，须从简单的事情做起，从细微之处入手。一心渴望伟大、追求伟大，伟大却了无踪影：甘甘于平淡，真做好每个细节，伟大却不期而至。这也就是细节的魅力。一个人的价值不是以数量而是以他的：深度来衡量的，成功者的共同特点，就是能做小事情，能够抓住生活中的一些细节。
下面，我们再来欣赏一位老外设计的页面，个页面能够让我们感受到设计师在格式编排上所下的功夫，从字体样式、段落格式、图饰技巧，到细节雕饰，优美的背景图像，传统美感的菜单，无不渗透着作者的认真与执著。本来作计这个页面的目的是要研究CSS流体布局的实现途经，现在拿现在拿过来学习，还是值得品味的。
这个大约只有一屏的页面中，作者所写的HTML代码行远没有CSS代码行多。我做了一个本统计，这个页面所使用的排版要素如下。2种字体：Verdana和Georgia。备用字体Arial、sans-serif和seriL种字体大小：正文0.6em, 0.7em，标题1.55em、2em，页脚lOpx。6种字体颜色：默认色#444，链接色#48546A，目录、页眉、右侧栏正文#777，标题#48546A546A，页脚#999。种背景色：默认#FFF，链接背景色#ECEEF0、#E2E2D2，19块背景图饰，这些小图片，有的用于修饰边角，有的用作背景。7种边框样式： lpx solid #D2D4CF, lpx dotted #48546A, lpx dotted #777, 3px double,#F1F1F1#COCOC0 #COCOC0 #F1F1F1, 3px double #E5E5DA, 4px solid #EBEBE5。这些孤立的统计数字并不能说明什么问题，但是它告诉了初学者要完成一副精美的作品应需要下多大的功夫。