设计期样式表(Design Time style sheets)是为设计跨平台(Macintosh和Windows)网页而设计的。在设计跨平台网页时,由于不同平台对网页的外观要求不同,这就需要采用不同的样式表。如果要在设计期就能看到不同平台的外部样式表对网页外观的影响,在以前是比较麻烦的。现在有了设计期样式表,设计跨平台网页就方便多了。当然,如果你想在同一网页试试不同样式表的效果,也可以“盗用”此项功能。
使用设计期样式表,可以在设计网页阶段显示或隐藏样式表对网页外观的影响。设计期样式表仅在设计阶段起作用。在浏览器中浏览网页时,只有真正与网页链接或嵌入网页中的样式表才会起作用。
要在设计期显示或隐藏CSS样式表,首先要打开CSS style(CSS样式)面板(如果没有打开,选择Window>CSS styles可以打开),然后在CSS style面板中右击,从快捷菜单上选择Design Time Style Sheet,打开Design Time Style Sheet对话框,如下图所示。
假定你现在正在调试一个跨平台的网页,已经在网页中链接了一个用于Windows平台的样式表(css20.css),但又想看看另一个用于Macintosh平台的样式表(css10.css)的效果,这时,你就可以启用“设计期样式表”功能。
具体操作步骤如下: