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

爱那一条鱼

爱那一条鱼

2016-02-19 20:24

下面是个超简单的利用CSS不通过replace替换标引HTML标记教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

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

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

  代码如下:

  首先

blockquote

  利用CSS,不通过replace替换b标引/bHTML标记

/blockquote

  利用CSS,不通过replace替换b标引/bHTML标记

  这样:

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

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

style!--

blockquote b {color:red;}

//--

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

/style

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  由于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了;

展开更多 50%)
分享

猜你喜欢

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

Web开发
利用CSS不通过replace替换标引HTML标记

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

Html CSS布局 Div+CSS XHTML
利用CSS 不通过replace替换标引HTML标记

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

不通过dsn访问sql server

SQLServer
不通过dsn访问sql server

闪电白领借款申请不通过怎么办

手机软件 应用软件
闪电白领借款申请不通过怎么办

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

自动识别HTML的标记 替换连接

Web开发
自动识别HTML的标记 替换连接

自定义html标记替换html5新增元素

Web开发
自定义html标记替换html5新增元素

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

wps文字如何插入图形

wps文字如何插入图形

PE文件格式详解(2)

PE文件格式详解(2)
下拉加载更多内容 ↓