专栏Logo
介绍: 《精通CSS》(Andy Budd, CSS Mastery: Advanced Web Standards Solutions)与《CSS实战手册》(David Sawyer McFarland, CSS: The Missing Manual)的读书笔记专栏
专栏维护者

hax

《CSS实战手册》到手

承蒙译者YuLimin的关照,今天已经拿到了《CSS实战手册》。我也将CSS读书笔记专栏扩充,准备也为本书做读书笔记。不过真的开写也得过一些日子,包括《精通CSS》的读书笔记最近也暂停了更新,需等到10.1长假过后再继续。 今天先说一点点技术无关的。我拿到本书第一感觉是这个书蛮精致的。像书内排版的格式,颇为丰富。相比较而言,《精通CSS》的排版,就很朴素了。其次本书有较宽的margin,可以用来 ...
by hax 2007-09-26 浏览 (7345) 回复 (8) 关键字:

《精通CSS》读书笔记(七)

续上篇 在第5章的最后,作者对dl做了简短的说明,作者不是很赞同对dl的扩展定义。虽然我也认为后面那些链接给出的文章里,对dl的衍生使用有些过度了,但是dl确实没有得到很好的运用。这源于html规范对其定义的不清不楚。怎样算是term/description呢?HTML4中还说:Another application of DL, for example, is for marking up d ...
by hax 2007-09-05 浏览 (3345) 回复 (0) 关键字: html

《精通CSS》读书笔记(六)

续上篇。 第5章 关于列表,首先,由于list-style-image的位置各个浏览器实现的不一致,而且缩进使用padding或margin的不一致,所以本书后面的例子几乎完全抛弃了list-style,将padding和margin一律重置为0,然后从头重新定义。 BTW,关于列表缩进应该使用padding或者margin?我倾向于padding。理由另文撰述。 关于导航条,本书的例子有 ...
by hax 2007-08-29 浏览 (3424) 回复 (0) 关键字:

《精通CSS》读书笔记(五)

续上篇。 第4章 本章讨论了链接上的样式。 关于A上伪类的顺序,应按照LoVeHAte(Link Visited Hover Active)。 此外,关于链接伪类补充如下: 根据CSS21,link和visited伪类是互斥的,也就是*:link:visited不可能选择到任何元素。而hover、active与新增的focus伪类,可以共存于一个元素上。因此可以有以下的样式: a:li ...
by hax 2007-08-28 浏览 (3131) 回复 (0) 关键字:

《精通CSS》读书笔记(四)

续上篇。 下面来看一下阴影。它可以用类似圆角border的方式达成。 1. 简单的CSS阴影和Clagnut阴影 实现:在外层wrapper上将阴影图设为背景。元素本身通过margin或者相对定位做向左上方的偏移(以展现右下方向的阴影)。 限制: * 阴影元素需要一个外层的wrapper元素。 2. 模糊阴影 实现:添加两层container,分别应用阴影图像和蒙板图像。 限制: * ...
by hax 2007-08-27 浏览 (3244) 回复 (0) 关键字:

《精通CSS》读书笔记(三)

续上篇。 第3章 这一章里展示了众多的trick。下面总结和补充一下方案实现和限制条件。 首先是针对永恒的话题:圆角框。 1. 固定宽度圆角框 实现:在外层元素(容器)上设定背景色和底部圆角图,在标题(内部第一个元素)上设定顶部圆角图。 限制: * 宽度是定值像素的。 * 必须有内外两层block元素,内外层要紧贴(即外层不能有padding,内层不能有margin和border)。 ...
by hax 2007-08-27 浏览 (3735) 回复 (1) 关键字:

《精通CSS》读书笔记(二)

续上篇。 第2章 box model译作“框模型”,我是始作俑者(大约在2003年,在opendl.com的w3c翻译讨论区中提出)。绝大多数是译作“盒模型”。当然据说之前就有人译为“框模型”,但是至少本书的译者估计或多或少受到了我的影响。因为刘江说译者认为“盒”有3D的意思,而这是我在opendl论坛提出的论点。当然不能排除译者与当时的我正好有相同想法的可能。 不过我后来觉得“框模型”也有 ...
by hax 2007-08-22 浏览 (6783) 回复 (5) 关键字:

《精通CSS》读书笔记(一)

最近新添16本书,目前开始看陈剑瓯翻译的《精通CSS——高级Web标准解决方案》(Andy Budd, CSS Mastery -- Advanced Web Standards Solutions)。 以下是读书笔记。 首先,挺遗憾的是,除了封面上译者名字外,就完全看不到跟译者有关的东西,没有译者简介,没有译者序,没有后记……一点也没有(难道是我没找到?) 第1章 关于“有意义的标签”, ...
by hax 2007-08-21 浏览 (10397) 回复 (4) 关键字: