内联格式化模式（line-height原理）

作者:dudo 日期:2008-06-27

本文并非一篇简单地介绍内联格式模型（inline formatting model）的文章。相反，它是对内联格式（inline formatting）本质规则和过程的扼要剖析，是对CSS2中规则的总结。本文的知识点十分密集，即使错过其中一个小小的知识点也可会导致根本性地误解。本文经过了CSS工作组（CSS Working Group）和多个CSS组织（CSS cmmounity）反复推敲和检查，但是这并是说本文已经做到至善至美了。也可能有些情况这里没有涉及到，同时有可能文中提到的一些名词术语对于新手来说存在一定理解上的困难。但是我坚信本文得出的结论是正确无疑的。

Tags: CSS CSS xhtml xhtml

分类:CSS与Javasript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 342

合理关闭XHTML标签

作者:dudo 日期:2008-06-24

如何关闭一个XHTML标签，特别是一个空标签呢？是使用<div></div>这样的方式还是使用<br />这样的方式呢？或者两者都可以？ XHTML规范中有一条标准就是“每个XHTML标签都有一个结束标记”。那么对于HTML中原来不带结束标记的元素，则在该结束前加上“/”来关闭这个标签，如，<img>标签原来在HTML中的写法：

Tags: xhtml xhtml

分类:CSS与Javasript | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 170

CSS的优先级与特殊性

作者:dudo 日期:2008-06-23

即使在不太复杂的样式表中，也可能会有两个或者更多个规则找到同一元素。CSS通过一个叫做层叠（cascade）的过程处理这种冲突。层叠给每个规则分配一个重要程度指数。作者定义的样式具有最高的重要性指数，其次是用户定义的样式。

Tags: CSS CSS

分类:CSS与Javasript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 618

使用CSS简单实现垂直居中

作者:dudo 日期:2008-06-21

我知道这可能并不一定非常有意义，但是很多时候我们往往知其然而不知其所以然，这会使得事情出现惊人的差异。这就是CSS的魅力所在，你可以使用不同的方法实现相同的布局。这样的事情同样也发生在了我的身上，某个礼拜，我发现一个网站使用了一种不同的方法来实现居中布局，而这种方法对我们大家来说早已是都是很熟悉知的简单技术了。的确，可能对于大家很多人来说这种方法早已采用过，但是直到今天它起了我的注意。

Tags: CSS CSS 布局布局 xhtml xhtml

分类:CSS与Javasript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 956

CSS Dock Menu：JS+CSS 仿苹果MAC机桌面导航菜单

作者:dudo 日期:2008-06-19

如果你是苹果机的疯狂粉丝，那么你一定会喜欢我设计的这款CSS Dock Menu。它采用了Jquery的JavaScript库和Fisheye的界面，其中一些图标是我自己设计的。这里有两种样式：底部和顶部。下面我演示一下如何在你的Web页面中使用它：

分类:CSS与Javasript | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 439

X/HTML5 v.s. XHTML2（II）

作者:dudo 日期:2008-06-17

X/HTML 5和XHTML 2都在为能够替代HTML 4和XHTML 1展开竞争。即时是在开发的前期，一些浏览器的供应商就已经声称他们对这两种规范的偏好。由于审议的紧迫性和封闭性，这使得Web标准组织出现了两极分化。随着两种规范的进展，更多的开发资源和市场资金将会投入到其中的某一个中，所有的这些因素都会引起一场“标准的”战争。

分类:CSS与Javasript | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 405

X/HTML5 v.s. XHTML2（I）

作者:dudo 日期:2008-06-16

尽管到目前为止HTML4和XHTML1仍能够很好地满足我们的要求，但是它们仍然存在不足。为了满足用户丰富的基于Web应该程序的需要，达到更佳搜索结果、为所有使用不同设备的所有人群创建更加易用的Web程序，它们都需要升级换代。

目前有两种规范在竞争成为HTML 4和XHTML 1的继承者。它们是XHTML 2.0和Web Application 1.0，后者就是我们通常所说的X/HTML 5.0。这两种规范根据标记语言的未来发展采用了不同的手段并且产生了迥异的效果。

分类:CSS与Javasript | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 374

(X)HTML中最多余的元素标签

作者:dudo 日期:2008-06-14

你知道（X）HTML中最多余的标签中是什么吗？在我看来就是这个<a>标签，不错，就是每个网站使用最多的超级链接标签<a>。也许有些人会认为我在哗众取宠，说大话。的确，没有超级链接的网页仅仅是一个“文件”而已，没有超级链接也就没有Internet（万维网）。但是，我这里说的<a>标签（元素）而不是超级链接。或者换个简单的说法，我认为超级链接使用<a>标签的设计很不合理。

Tags: xhtml xhtml

分类:CSS与Javasript | 固定链接 | 评论: 6 | 引用: 0 | 查看次数: 828

一种有创意的CSS命名规则

作者:dudo 日期:2008-06-13

关于CSS中的命名规则（其实我觉得是XHTML元素的命名规则更加合理些）这个问题，已经有很多人在说了，其中也不乏一些真知灼见。不过这种东西也是仁者见仁，智者见智，只要一个团队有统一的命名规则要求，在日常开发和维护中不至于出现混乱就应该说是好的命名规则。

Tags: CSS CSS xhtml xhtml

分类:CSS与Javasript | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 920

Internet Explorer中雅黑字体给布局带来的变化

作者:dudo 日期:2008-06-12

5月20日，微软正式提供了Windows XP下可用的雅黑字体下载，雅黑字体是一款近乎完美的字体，解决了宋体小文字无法辩认的问题，特别是对于液晶显示器（LCD），在开启ClearType效果之后，你就会得到一个更加完美的视觉享受。我现在已经对雅黑着迷了，回头看默认为宋体的系统，锯齿太明显了，很丑。
但是这样随之而来的问题是，雅黑会对Internet Explorer中的布局页面影响。目前我发现的问题主要存在于两个方面：

Tags: 布局布局 CSS CSS

分类:CSS与Javasript | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 1655