如：
所以，可以用来适配一些移动双端的差异场景，如适配不同高度Titlebar
不同样式：
使用样式：
在iOS设备上就会展示80px，Android设备上60px
一个样式表可以使用CSS的@import?声明被输入。这个声明用于一个CSS文件或内部的STYLE元素:<STYLE TYPE="text/css" MEDIA="screen, projection"< <!--@import url(http://www.htmlhelp.com/style.css) @import url(/stylesheets/punk.css) DT { background: yellowcolor: black } --< </STYLE<
注意其它的CSS规则应该仍然包括在STYLE元素中，但所有的@import?声明必须放在样式表的开始部分。任意在样式表中指定了的规则，其自身超越在输入样式表中对立的规则。例如上例，即使一个输入的样式表包含DT?{?background:?aqua?}，定义项(definition terms)依然会是黄色的背景。
被输入的样式表的顺序对于它们怎样层叠是很重要的。在上述的例子中，如果style.css输入的样式表指定了STRONG元素会显示为红色而punk.css样式表指定了STRONG元素显示为黄色的话，那么后面的规则会获胜，而STRONG元素会显示为黄色。
输入的样式表对于模块性效果很有用处。例如，一个网站可以通过使用了的选择符分类样式表。一个simple.css样式表给出公共的元素像BODY、P、H1和H2。此外，一个extra.css样式表给出较少共通的元素像CODE、BLOCKQUOTE和DFN。一个tables.css样式表可以用于定义变革元素的规则。这三个样式表在需要的时候可以使用@import?声明包括在HTML中。三个样式表也可以通过LINK元素组合。
