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

2016-02-19 20:24 1 1 收藏

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

【 tulaoshi.com - Web开发 】

  其实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;}

//--

/style

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

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

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

  通过这个问题:得出一下2个结论

  1 设计带有标引的对外搜索服务时,可以使用b做为标记
  2 在客户端,可以通过CSS来实现控制。

  关于:CSS, Accesibility and Standards Links

  后记:

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

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

  可能没有最好的模式,只有最合适的模式:关键还是要看开发本身的复杂程度

  数百行代码过程性编程效率可能最高;

  千行代码量可能面向函数开发效率最高;

  万行代码量时,可能就不得不OO了;

来源:https://www.tulaoshi.com/n/20160219/1623583.html

延伸阅读
标签: Web开发
我们一直在讲CSS网页布局代码的优化,在webjx.com以往的文章中,也一直强调语义和文档的结构。随着国外对WEB标准的推广,有些新手认为,web2.0就是把以前的table布局都改为DIV+CSS布局就是web2.0。其实不然, 我们要合理利用这些标签。 有一点值得引起注意,那就是在 web 开发人员圈子里通常被称为div-itis的对 div 元素的滥用现象。 &...
阿里云邮箱MX记录验证不通过怎么办   MX记录验证不通过的常见问题及解决方法: (1)以前存在纯域名的CNAME记录,则可能会导致MX记录无法生效。 (2)有些域名提供商的域名MX设置默认会加上域名本身为后缀,此时需要在后面加上一个"." 。 (3)某些域名提供商要求只能使用IP来设置MX记录,当前我们还不能完全支...
标签: ASP
<% ' BEGIN USER CONSTANTS ' To just use a DSN, the format is shown on the next line: 'Const DSN_NAME = "DSN=ASP101email" ' Two other samples I used it with.  Left in as syntax examples for DSN-less connections 'Const DSN_NAME = "DBQ=C:\InetPub\wwwroot\asp101\samples\database.mdb;Driver={Microsoft Acces...
标签: 电脑入门
电脑管家Win10检测BIOS不通过解决方法,BIOS是一组固化到计算机内主板上一个ROM新品上的程序,它保存着计算机最重要的基本输入输出的程序、开机后自检程序和系统自启动程序,它可从CMOS中读写系统设置的具体信息。其主要功能是为计算机提供最底层的、最直接的硬件设置和控制。 微软在Windows 10操作系统中,加入了对BIOS程序的严格检测,以确...
标签: Web开发
p、h1、或div等元素常常称为块级元素,这些元素显示为一块内容;Strong,span等元素称为行内元素,它们的内容显示在行中,即行内框。(可以使用display=block将行内元素转换成块元素,display=none表示生成的元素根本没有框,也既不显示元素,不占用文档中的空间) 《CSS权威指南》中文中:任何不是块级元素的可见元素都是内联元素。...

经验教程

80

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部