设为首页
加入收藏
联系站长
您现在的位置: 网贝 >> 建站学院 >> 网页设计 >> CSS >> 文章正文 用户登录 新用户注册
利用CSS,不通过replace替换标引HTML标记         ★★★
利用CSS,不通过replace替换标引HTML标记
相关网站:
作者:佚名 文章来源:网海之贝 点击数: 更新时间:2004-9-4

其实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了

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

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    相关网站:

    文章 下载 图片
    推荐文章[组图]CSS 全攻略
    推荐文章[组图]CSS基本布局1
    普通文章[组图]CSS 循序渐进
    普通文章创建一个纯CSS的水平
    普通文章发现CSS控件的好处
    普通文章用CSS缩写给你的网站
    普通文章拒绝单调 让网页超链
    普通文章利用CSS,不通过rep
    推荐文章[组图]CSS 全攻略
    推荐文章[组图]CSS基本布局1
    推荐文章[图文]CSS中文教程
    普通文章把手教你写私服列表
    普通文章WEB标准
    普通文章GOOGLE sitemap官方
    普通文章用php定制404错误页
    普通文章WAP(wml)开发问答
    普通文章[组图]PS教程系列:快
    普通文章时使用apache和IIS,
    普通文章[组图]2005年的第一
    推荐文章[组图]彻底掌握IIS6
    推荐文章[组图]CSS 全攻略
    推荐文章各种脚本错误详解!
    推荐文章直接生成XML的Googl
    推荐文章九个常见的错误原因
    推荐文章Win XP家用版也能装
    推荐文章JSP入门初级教程之J
    推荐文章ASP入门及提高
    没有相关文章

    CSS 全攻略

    CSS基本布局16例

    CSS 循序渐进

    在 CSS 中关于字体处
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    Copyright © 2003-2005 NetBei.com All rights reserved.