开发学院网页设计 DivCss 利用CSS，不通过replace替换标引HTML标记阅读

利用CSS，不通过replace替换标引HTML标记

　2004-06-21 19:18:39　来源：WEB开发网　　　

核心提示：其实CSS也是将HTML从数据和表现分离的有力工具，石头的CSS Oriented Design：COD非常合我的口味，利用CSS，不通过replace替换标引HTML标记，摒弃TOD(Table Oriented Design)还真不是意见容易的事情，但是一旦实现，我觉得还挺人性的 asp .net的实现也是类似，可

其实CSS也是将HTML从数据和表现分离的有力工具。石头的CSS Oriented Design：COD非常合我的口味，摒弃TOD(Table Oriented Design)还真不是意见容易的事情，但是一旦实现，系统本身就实现了分工和协作：就能像Winamp一样换皮肤了，从而发挥用户最大的能动性。最直接的例子就是本网站使用的MT系统，所有的STYLE都来自MovableStyle，。

需求：将xml结果集中的显示成红色，其实完全可以通过客户端的CSS实现：
代码如下：

首先

<blockquote>

利用CSS，不通过replace替换标引HTML标记

</blockquote>

利用CSS，不通过replace替换标引HTML标记

这样：
在CSS中定义了：b {color:red;}

后，所有的除了加粗外，还有红色的属性，为了防止整个页面中的其他都被标红，我将结果都放在一个<
blockquote>

中，然后再在CSS中定义：

<style>

</style>

由于CSS的继承关系，只有所有在blockquote中的才会被标红：

通过设置 font-weight:normal 甚至可以让字体变细。