续前半部分。
Commitment to Standards and Interoperability
对于标准和互操作性的承诺
Yet another reason we feel more mode switches are not a good idea for WebKit is our commitment to Web standards, and to interoperability with other browsers. We strongly believe that Web standards are the path forward for interoperab ...
本文译自Maciej Stachowiak在webkit团队blog上的文章Versioning, Compatibility and Standards。本文可作为分歧巨大的“HTML的版本问题”的背景材料，对此问题的探讨也请移驾此处讨论。注意，【】中的内容为我所加的注。
Versioning, Compatibility and Standards
版本、兼容性以及标准
Posted by Maciej Stachowiak on Tuesday, January 22nd, 2008 at 11:51 pm
Maciej Stachowiak发表于2008年1月22日星期二
The ...
Dean Edwards的新的一篇blog是几段引用，抄录并勉强翻译如下：
Dean Edwards 写道
微软的Chris Wilson 写道 ..we worked together with The Web Standards Project (in the WaSP-Microsoft Task Force) on this problem. I can’t give them enough credit for this work;
……我们和Web标准项目组织（在WaSP微软特别工作组中）共同致力于这一问题。对于他们的工作成果我无法给予足够的赞美；【多谢bigpand ...
我想，你可能已经知道长期以来使用自定义标签的困难是什么。
对，就是IE。它认不出未由html定义的标签。它会把<foo>xxx</foo>解析成三个node！这样你当然无法对它正常使用DOM操作。你也无法对其进行style，因为CSS认不出它。
这也阻止我们实现HTML5或者其它的markup（假如我们不愿意等待5年后IE8变成主流浏览器或者10年后IE浏览器的市场份额降到5%以下的话）。
但是，IE是如此的神经。只要莫名的插入一句createElement，居然就能化腐朽为神奇。
我暂时没有时间详细阐述，有兴趣的同志可以自行看：
James Carr所写的IE卫生垫（HTM ...
续上篇
在第5章的最后，作者对dl做了简短的说明，作者不是很赞同对dl的扩展定义。虽然我也认为后面那些链接给出的文章里，对dl的衍生使用有些过度了，但是dl确实没有得到很好的运用。这源于html规范对其定义的不清不楚。怎样算是term/description呢？HTML4中还说：Another application of DL, for example, is for marking up dialogues, with each DT naming a speaker, and each DD containing his or her words. 有人认为这是一个错误的用法。XHTM ...
在《CSS Mastery》一书的第5章中，作者说IE和Opera使用margin-left来缩进列表，而Safari和Firefox使用padding-left。经过我的实际测试，发现Opera 9（我实测的是Opera 9.23）同FF和Safari一样，也是使用padding-left的。更精确的说，它们的默认样式应该是：
ol, ul { padding-left:40px; }
而IE的默认样式是：
ol, ul { margin-left:30pt; }
Opera 8或者以前的版本是否和IE一样？有兴趣的同志可以自行测试。
但这至少说明一点，除了微软之外的浏览器厂商都达 ...
续上篇。
第5章
关于列表，首先，由于list-style-image的位置各个浏览器实现的不一致，而且缩进使用padding或margin的不一致，所以本书后面的例子几乎完全抛弃了list-style，将padding和margin一律重置为0，然后从头重新定义。
BTW，关于列表缩进应该使用padding或者margin？我倾向于padding。理由另文撰述。
关于导航条，本书的例子有一个问题，就是需要对第一个li元素专设样式。对于支持CSS21的浏览器来说，使用一个first-child伪类即可，但是对于IE，需要额外的一个first类。有一些解决的方法，我之前也讨论过这个话题。 ...
续上篇。
第4章
本章讨论了链接上的样式。
关于A上伪类的顺序，应按照LoVeHAte（Link Visited Hover Active）。
此外，关于链接伪类补充如下：
根据CSS21，link和visited伪类是互斥的，也就是*:link:visited不可能选择到任何元素。而hover、active与新增的focus伪类，可以共存于一个元素上。因此可以有以下的样式：
a:link:hover { color:red; text-decoration:underline }
a:visited:hover { color:maroon }
a:link { color:bl ...
续上篇。
下面来看一下阴影。它可以用类似圆角border的方式达成。
1. 简单的CSS阴影和Clagnut阴影
实现：在外层wrapper上将阴影图设为背景。元素本身通过margin或者相对定位做向左上方的偏移（以展现右下方向的阴影）。
限制：
* 阴影元素需要一个外层的wrapper元素。
2. 模糊阴影
实现：添加两层container，分别应用阴影图像和蒙板图像。
限制：
* 需要两个外层元素
* 外层背景色是固定的（与蒙板颜色一致）。洋葱皮阴影无此问题。
注意，蒙板需要png的alpha透明特性，但是IE6不支持。书中给出了使用AlphaImageLoader的fil ...
续上篇。
第3章
这一章里展示了众多的trick。下面总结和补充一下方案实现和限制条件。
首先是针对永恒的话题：圆角框。
1. 固定宽度圆角框
实现：在外层元素（容器）上设定背景色和底部圆角图，在标题（内部第一个元素）上设定顶部圆角图。
限制：
* 宽度是定值像素的。
* 必须有内外两层block元素，内外层要紧贴（即外层不能有padding，内层不能有margin和border）。
* 圆角背景色是固定的（如白色），不能是透明的。
2. 固定宽度圆角框的变形
实现：在外层元素（容器）上设定纵向重复（repeat-y）的背景图，在内部第一个元素上设定顶部圆角图，在内部最后一个元 ...
最近在作《精通CSS》读书笔记，写到第3章关于背景的时候，顺便补充一点关于background-position的问题。
CSS1和CSS2.1（依照目前浏览器普遍的实现方式）有差异。CSS1规范中，背景位置是content区域算起，而CSS2.1中是padding区域算起。实际上在CSS3的background module中，在已有的background-position、background-attachment和background-repeat之外，增加了几个background属性，来决定背景的定位，包括：
background-origin: border | padding ...
续上篇。
第2章
box model译作“框模型”，我是始作俑者（大约在2003年，在opendl.com的w3c翻译讨论区中提出）。绝大多数是译作“盒模型”。当然据说之前就有人译为“框模型”，但是至少本书的译者估计或多或少受到了我的影响。因为刘江说译者认为“盒”有3D的意思，而这是我在opendl论坛提出的论点。当然不能排除译者与当时的我正好有相同想法的可能。
不过我后来觉得“框模型”也有点问题。在Zen of CSS Design（也已购买，等待读完本书后继续）的译者的论坛上，我留言到：
引用“方框模型”或“框模型”很久以前提过，只是因为感到“盒模型”不够好（有三维意思），但是“方框 ...
最近新添16本书，目前开始看陈剑瓯翻译的《精通CSS——高级Web标准解决方案》（Andy Budd, CSS Mastery -- Advanced Web Standards Solutions）。
以下是读书笔记。
首先，挺遗憾的是，除了封面上译者名字外，就完全看不到跟译者有关的东西，没有译者简介，没有译者序，没有后记……一点也没有（难道是我没找到？）
第1章
关于“有意义的标签”，这是css编程的前提。第4页上只是罗列了一些html标签，但是并没有详述他们的意义和用法。当然这是一本css的书，而不是html书，但是其实最好列一两本书做为读者的参考。
谈到id和class的命名 ...
Taobao UED blog 上，刊载了段王爷的css日记一篇，我上去留言引起了一些讨论，记录于此。
段王爷的原文（摘录）
引用现在就来说个淘宝首页上的一个小技巧。
类目之间的横线
从很久很久以前开始，类目间的横线无非都只有三种。
1、背景图
在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。
缺点：最后一个还是要用class来隐藏掉背景。
2、符号
在每个a标签之间用“|”符号来填充。
缺点：html文件变大，文件维护变得很麻烦，而且在html中毫无意义。
3、a标签右侧的boder。
同背景图 ...
hax
- 浏览: 123331 次
- 性别:
- 来自: 上海
- 详细资料
搜索本博客
最近加入圈子
最新评论
-
净空法师2007年12月31日讲 ...
佛教的一些处世之道还是不错的;至于预言就不喜欢听了
-- by lonelyblue -
地震了，我咋没感觉
上海7楼感觉很大，还以为自己是严重的低血糖了，结果事后发现，几乎每个人都以为是自 ...
-- by vivianli -
净空法师2007年12月31日讲 ...
确实是妖孽
-- by ray_linn -
净空法师2007年12月31日讲 ...
基本上我把这些人当作妖孽
-- by lixigua -
地震了，我咋没感觉
北京有感觉，感觉很大，大家都从楼里出来了
-- by 王贵伟
评论排行榜