您的位置:首页网页设计HTML/CSS  → 利用CSS,不通过replace替换标引HTML标记

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

时间:2004/11/7 2:43:00来源:本站整理作者:蓝点我要评论(0)

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

 

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

 

首先



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



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

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

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

中,然后再在CSS中定义:


" _ue_custom_node_="true">



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

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

 

通过这个问题:得出一下2个结论
1 设计带有标引的对外搜索服务时,可以使用做为标记
2 在客户端,可以通过CSS来实现控制。

 

关于:CSS, Accesibility and Standards Links

 

后记:
也曾经一段时间非常追求XML/XSLT/CSS的数据/结构/表现分离的理念。但是XSLT实施成本的确比较高,所以Resin上开发了基于XHTML的轻量级模板技术,我觉得还挺人性的 ASP .net的实现也是类似。

 

可能没有最好的模式,只有最合适的模式:关键还是要看开发本身的复杂程度
数百行代码过程性编程效率可能最高;
千行代码量可能面向函数开发效率最高;
万行代码量时,可能就不得不OO了;

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 页面进入效果表单 XHTML校验需要注意的6个细节CSS样式表创建美妙绝伦的网站了解XHTML DHTML SHTML之间的区别HTML小技巧的一些小技巧

人气排行 容易被误解的overflow:hiddenCSS中dashed和dotted的区别CSS水平和垂直居中的几种实现方法DIV+CSS自适应高度兼容IE6,ie7,ie8和FF的解css优先级问题如何用CSS实现图片圆角化处理超链接target=_blank的使用方法Ctrl+H键的用法