网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.CSS语法手册(六)分类属性 .
.Css中的filter常用滤镜属性及语句.
.你知道这些css网页设计技巧吗.
.IE对网页中引入CSS样式表的限制.
.CSS opacity-实现图片半透明效果.
.实现页面图片阴影特效.
.IE6支持PNG格式图片的CSS滤镜写法.
.CSS隔行换色.
.css应用笔记整理之结构编写.
.CSS+JS实现的选项卡效果(html组件.
.挺不错的CSS颜色搭配.
.CSS公用属性.
.常用CSS缩写语法总结及缩写的原因.
.教你用CSS属性选择器控制链接样式.
.css实现强制不换行/自动换行/强制.
.5款纯div+css制作的弹出菜单(标准.
.让css使网页图片半透明.
.CSS语法手册(五)颜色和背景属性 .
.通过Dreamweaver学习了解CSS.
.CSS实现当前页的滑动门菜单效果方.

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

发表日期:2004-6-21


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

上一篇:CSS在IE和Nascape的显示差别 人气:19592
下一篇:拒绝单调 让网页超链接拥有多姿多彩的下划线 人气:22942
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐