| 网站首页 | 模板 | 资料 | 源码 | 工具 | 开发 | 设计 | 安全 | 项目 | 网络 | 图片 | 系统 | 数据库 | 博客 | 会员中心 | 小说 | 
MYFTP 精品资料下载
网络学院
学习资料
源码模版
您现在的位置: 精品下载 >> 开发 >> 网站开发 >> CSS技术 >> 文章正文 用户登录 新用户注册
利用CSS,不通过replace替换标引HTML标记            【字体:
利用CSS,不通过replace替换标引HTML标记
作者:佚名    文章来源:不详    点击数:    更新时间:2007-12-18

  其实css也是将HTML从数据和表现分离的有力工具。摒弃TOD(Table Oriented Design)还真不是意见容易的事情,但是一旦实现,系统本身就实现了分工和协作:就能像Winamp一样换皮肤了,从而发挥用户最大的能动性。

  需求:将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了;

文章录入:chqnet    责任编辑:chqnet 
  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    点击单选框就直接激活链接的
    CSS让网页中的内容自动换行的
    用css实现文字的自动隐藏
    在CSS样式表里使用JavaScrip
    CSS实现导航条图片的翻转菜单
    CSS样式表:链接好还是嵌入好
    CSS自动实现网页打印版本
    使用html表格和CSS进行混合网
    常用CSS缩写语法总结
    认清CSS的类class和标识id选
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)