设计优越的网站包括被反复运用于几十或成百上千的页面的模块化组件。这些组件可能包括全局导航题目链接和页眉图形，抑或接洽人信息和企业电邮地址。

将毎个文件中写入这些构成尺度页面组件的文字和HTML代码没有任何意义。相反，可以应用一个文件用来放置这些要在成百上千的页面中反复涌现的尺度组件你只需在一个文件中进行更改，网站中包括这些组件的所有页面就会主动地更新。HTML、CSS和当前Web办事供给了反复应用模块化组件的壮大功效和灵巧性，绝年夜多半年夜型庞杂的网站都应用几十个可反复应用的组件来创立。

1.包括文件

Web办事器许可网站作者创立尺度的被称为“包括文件”的HTML代码块，它可以用于网站的所有页面。包括文件只是一个包括通俗HTML页面代码的文本文件。当用户要求一个页面时，Web办事器会将主页和在主页文件中指定的所有包括文件联合在一个HTML页面内，接着发送给用户的阅读器。

对于诸如付款条例、隐私策路以及其他的以统一情势在年夜型网站的多处反复“引用”贸易和司法说话之类的反复性尺度内容而言，应用包括文件也相当方便。要经常追求机遇，将页面文件中的反复内容提掏出来而且放入到包括文件中。假如你曾经不得不更改引用说话，你会很光荣你只需更改一个文件来更新全部网站中的该文本的所有显示。

2.在C88中应用层叠

CSS的许多用户都知道若何更改尺度HTML组件的外不雅，然则没有留意到CSs壮大的层叠功效。CSS是可护展的系統，在这个体系中，一组分布手多个CSS文件中的联系关系CSS指今集可所以由所有顶面共享的异常通俗的样式和结构指今，也可所以网站少数面可以共享的极为特别的样式。CSS层叠有两个重要的元素

(1)CSS层叠层数

CSS有多个按主要性和优先级层叠的层级尺度，从所有页面共享的通用CSs代码到包括在特定项面文件中的代码，到恢在特定HTML标签中的代码。通用页面代码会笼罩共享网站代码，候在HTML标签中的CSS代码则会笼罩通用页面代码。CSS层级层叠的优先級许可你为全部网站设置异常广泛的样式，也许可你笼罩某些须要特定区城样式或者顶面式地点的地位。

(2)跨多页共享CSS

在一网站中可以同时应用多个CSS文件。多个CSS文件以某种模块化方法起工作的不雅念是页面层叠系统的焦点，所有的层叠页面都经由过程与那些掌握全部网站样式的主CSS文件的链接来共享代码。这个别系的长处很明显:假如所有的页面都共享统一个主CSS文件，那么便可以在主CSS文件中更改所有组件的样式，之后网站每个页面都邑显示新的样式。例如，假如你将<h1>题目的排版样式放入主文件，全部网站的所有<hl>标签都邑更改并出现出新的外不雅。

在庞杂的网站中，页面设计师平日都邑采取成组的CSS文件来界说网站的样式。将多个CSS文件打包有许多适用的利益。在庞杂的网站中，CSS代码可以年夜到数百行，平日，将这些元素细分成来自立网站版面样式的基本页面结构CSS更为适用创立与CSS文件的链接，而且让主CSS结构和版面样式掌握网站中的所有页面十分轻易。

3)用于特定图形处置的CSS“皮肤”文件

你可能不想让网站的所有页面和区域看上去完整一样。假如如许的话，你可以添加一个第三方“皮肤”CSS文件，用来为共享统一视党设计的某个网站区域供给特别的图形、色彩和处置题目。位于多个文件层叠中的每个CSS文件都添加了信息:从网站通用的结构和版面样式到特定用于少许顶面的视觉样式。

3.序言样式表

CSS的另一个长处是可以应用网站扶植序言样式表供给顺应高低文情况的设计。序言样式表支撑水平并不高，今朝只有对屏幕、打印的高效运用，水平更低的就是掌上装备了。有了序言样式表，才可能顺应某种结构，例如，在打印时隐蔽导航元素或者在应用手机的小屏幕査看时最小化菜单选项。