文件，我们生产的网站有更复杂的目的和功能比那些我们创造一个单一的介质，如打印。什么工程，在一个方面可能无法在另一。例如，页面设计上观看大屏幕可能不工作时，印刷在纸上或从一个小的手机显示。当考虑到网页设计，超越了典型的显示屏和预期设计的其他情况，包括打印和移动。
自适应设计
这样做的权利，网页可以适应不同的情况，而不需要一个文件的多个版本。网页文件，采用自适应的设计可以成功地用于电影或手机显示，电视和投影屏幕，印刷油墨或盲文阅读，由一个人或一个应用软件。从设计师的角度来看，有2部分地址做这多用途系统功能的有效：源文件和媒体样式表。自适应设计，源文件包含所有必要的信息和功能，和媒体样式表适应源文件使用不同的背景。
定义样式
风格可以定义在许多方面：使用样式属性的元素标签，在头元素的网页，或在外部样式表。一般来说，外部样式表是最有效的；很容易修改，例如，身体颜色为整个网站时的背景颜色属性是定义在一个位置。自适应设计，我们创建了一个不同的外部样式表的每个方面和引用样式表使用“媒体”属性的<>标签。虽然有许多媒体属性的规范，我们在这里集中了最广泛的应用和支持的媒体类型：屏幕，打印，和手持。
<链接相对=“样式”的“文本/网页“几”屏幕。年老“媒体”屏幕上，手持”/ >
<链接相对=“样式”的“文本/网页“几”打印样式。”媒体“打印”/ >
<链接相对=“样式”的“文本/网页“几”手持。年老“媒体”手持”/ >
