采用XHTML和CSS设计可重用可换肤的WEB站点的方法第1/4页(只用html和css)

编辑：rootadmin

XHTML 标准的目标是取代 html。按照 W3C 的说法，“XHTML 是 html 的继承者”(

XHTML具有两大目标：

在文档结构和表示形式之间创建更明显的分离。将 html 重新表示为 XML 的应用程序。

使用XHTML标准的好处是：只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，页面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari）中以相同的方式显示，而无需完成任何额外的工作。并且XHTML标准可以使 Web 站点更易于为智能手机、残疾人电脑等设备访问。

由于XHTML标准要求在在文档结构和表示形式之间创建更明显的分离。因此使用CSS样式表是必不可少的。CSS在网页中占着极重要的地位，它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写，译为“层叠样式表单”。在年W3C颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在年5月发布了CSS2版本。

CSS 的发明者的目的是除去表示性元素，即应该根据内容所表示的东西来标记内容，而样式表应该用于美化内容。而这一点与XHTML分离文档结构和表示形式的目标是一致，（在XHTML 2.0将除去b 、 i 和 img 标记（以及 big 、 small 和 tt ），甚至不赞成使用 br ，准备从将来的发行版中除去它。原因在于大多数标记都是表示性的。它们的唯一目的就是给予浏览器指令，规定有关其内容应该如何显示，但却完全未提供有关其内容是什么的信息。）因此它们成了最好的合作伙伴。更多关于XHTML2.0的资料，请参见：

CSS过去经常被用来定义字体的属性，而现在新标准中我们将用它来控制整个页面的显示。然而，我们必须需要做一些不同于以往的处理来适应这种新的变化，如：使用div来布局而不是表格，使用结构化、语义化的标记等等。由于采用新的处理方式，我们现在可以轻松地设计出可重用的CSS（同一个样式文件多个WEB站点中使用）以及可换肤的WEB站点（一个站点使用多种不同风格的样式）。

示例请见四川省建设厅信息门户,界面切换在右上方，如图1所示。由于时间原因，并未通过XHTML和CSS校验，但原理是一样的。图1：界面样式切换

推荐整理分享采用XHTML和CSS设计可重用可换肤的WEB站点的方法第1/4页(只用html和css)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:html应用css,只用html和css,html如何用css,css以html为基础,html如何用css,css以html为基础,运用css,css以html为基础,内容如对您有帮助，希望把文章链接给更多的朋友！

CSS 浏览器的等宽空格问题解决但是也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。同时，注意到Safari中的宽度是已设定字符的

欲练CSS ，必先解决IE的一些细节分析更加坏的事情是，即使你仅仅针对IE设计，不考虑其它浏览器，由于IE模型绝对可以说是一只让人难以捉摸其脾气的怪物，所以你单纯为IE设计也会遇到

XHTML标签的自关闭写法的坏处分析如果你熟悉XML相关的开发，可能也就习惯于这种写法，想着XML中任何不含子节点的元素都可以这样写，那么XHTML中没有内容的标签也都可以这样写。XHTML