首 页 | 精品电影 | 音乐天堂 | 在线游戏 | Flash MTV | 三湘书屋 | 幽默笑话 | 三湘图库 | 美女写真 | IT知识库 | QQ贴图 | 加入书签

网页制作网络编程图形图象操作系统冲浪宝典软件教学网络安全认证考试通信技术电子商务业内动态书籍教程原码

最近更新 文章分类 多媒体类 精品软件

本站搜索:
您的位置:三湘时空 -> IT知识库 -> 文章分类 -> CSS教程 -> 利用CSS,不通过replace替换标引HTML标记  
利用CSS,不通过replace替换标引HTML标记


文章类别:CSS教程 来源: 作者: 发表日期:2005-10-4 字体:[ ]

小游戏 | 在线影院 | 幽默笑话 | 源码下载 | Flash MTV | 音乐试听 | 书屋 | 美女写真

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

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

首先

<blockquote>

利用CSS,不通过replace替换<b>标引</b>HTML标记

</blockquote>

利用CSS,不通过replace替换<b>标引</b>HTML标记

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

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

中,然后再在CSS中定义:

<style><!--

blockquote b {color:red;}

//-->

</style>

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

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

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

关于:CSS, Accesibility and Standards Links

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

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

上一篇:Google准备开发新的工具以增加收入 下一篇:快速搞定Windows XP系统在老款机器上升级
本栏目热门文章
·CSS+DIV设计实例:实现让多个DIV排列时居中 2006-5-28
·引入CSS样式的五种方式 2006-5-28
·CSS+DIV设计实例:纯CSS制作下拉导航菜单 2006-5-28
·超强,用CSS构建iframe效果 2006-4-5
·CSS实用教程(一) 2005-10-4
·SPAN和DIV的区别 2006-3-18
·利用CSS,不通过replace替换标引HTML标记 2005-10-4
·拒绝单调 让网页超链接拥有多姿多彩的下划线 2005-10-4
·css学习的一些心得 2005-12-13
·对display:inline;与float:left;的认识 2006-6-4
新近更新文章
·用CSS打造可折叠伸缩名片菜单 2006-6-15
·用CSS做滑动效果的图片画廊 2006-6-15
·CSS+DIV:让文本字符环绕在你的图片周围 2006-6-15
·用相对定位和负向移动完成图片象框阴影 2006-6-15
·CSS里也能写脚本? 2006-6-12
·CSS初级入门:页面样式的整体声明 2006-6-9
·CSS初级入门:样式的多次声明 2006-6-9
·用CSS实现表格背景颜色渐变效果 2006-6-6
·认识CSS中absolute与relative 2006-6-4
·对display:inline;与float:left;的认识 2006-6-4
首 页 | 软件发布 | 广告联系 | 下载帮助 | 意见反馈 | 网站地图
  CopyRight? 2002-2004 WWW.SXSKY.NET? All Rights Reserved
三湘时空 站长QQ:82675303 Email: