《精通CSS》与《CSS实战手册》读书笔记

介绍: 《精通CSS》(Andy Budd, CSS Mastery: Advanced Web Standards Solutions)与《CSS实战手册》(David Sawyer McFarland, CSS: The Missing Manual)的读书笔记专栏
《CSS实战手册》到手
承蒙译者YuLimin的关照,今天已经拿到了《CSS实战手册》。我也将CSS读书笔记专栏扩充,准备也为本书做读书笔记。不过真的开写也得过一些日子,包括《精通CSS》的读书笔记最近也暂停了更新,需等到10.1长假过后再继续。
今天先说一点点技术无关的。我拿到本书第一感觉是这个书蛮精致的。像书内排版的格式,颇为丰富。相比较而言,《精通CSS》的排版,就很朴素了。其次本书有较宽的margin,可以用来 ...
by hax 2007-09-26 浏览 (7324) 回复 (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 浏览 (3339) 回复 (0) 关键字: html
《精通CSS》读书笔记(六)
续上篇。
第5章
关于列表,首先,由于list-style-image的位置各个浏览器实现的不一致,而且缩进使用padding或margin的不一致,所以本书后面的例子几乎完全抛弃了list-style,将padding和margin一律重置为0,然后从头重新定义。
BTW,关于列表缩进应该使用padding或者margin?我倾向于padding。理由另文撰述。
关于导航条,本书的例子有 ...
by hax 2007-08-29 浏览 (3419) 回复 (0) 关键字:
《精通CSS》读书笔记(五)
续上篇。
第4章
本章讨论了链接上的样式。
关于A上伪类的顺序,应按照LoVeHAte(Link Visited Hover Active)。
此外,关于链接伪类补充如下:
根据CSS21,link和visited伪类是互斥的,也就是*:link:visited不可能选择到任何元素。而hover、active与新增的focus伪类,可以共存于一个元素上。因此可以有以下的样式:
a:li ...
by hax 2007-08-28 浏览 (3127) 回复 (0) 关键字:
《精通CSS》读书笔记(四)
续上篇。
下面来看一下阴影。它可以用类似圆角border的方式达成。
1. 简单的CSS阴影和Clagnut阴影
实现:在外层wrapper上将阴影图设为背景。元素本身通过margin或者相对定位做向左上方的偏移(以展现右下方向的阴影)。
限制:
* 阴影元素需要一个外层的wrapper元素。
2. 模糊阴影
实现:添加两层container,分别应用阴影图像和蒙板图像。
限制:
* ...
by hax 2007-08-27 浏览 (3242) 回复 (0) 关键字:
《精通CSS》读书笔记(三)
续上篇。
第3章
这一章里展示了众多的trick。下面总结和补充一下方案实现和限制条件。
首先是针对永恒的话题:圆角框。
1. 固定宽度圆角框
实现:在外层元素(容器)上设定背景色和底部圆角图,在标题(内部第一个元素)上设定顶部圆角图。
限制:
* 宽度是定值像素的。
* 必须有内外两层block元素,内外层要紧贴(即外层不能有padding,内层不能有margin和border)。
...
by hax 2007-08-27 浏览 (3729) 回复 (1) 关键字:
《精通CSS》读书笔记(二)
续上篇。
第2章
box model译作“框模型”,我是始作俑者(大约在2003年,在opendl.com的w3c翻译讨论区中提出)。绝大多数是译作“盒模型”。当然据说之前就有人译为“框模型”,但是至少本书的译者估计或多或少受到了我的影响。因为刘江说译者认为“盒”有3D的意思,而这是我在opendl论坛提出的论点。当然不能排除译者与当时的我正好有相同想法的可能。
不过我后来觉得“框模型”也有 ...
by hax 2007-08-22 浏览 (6766) 回复 (5) 关键字:
《精通CSS》读书笔记(一)
最近新添16本书,目前开始看陈剑瓯翻译的《精通CSS——高级Web标准解决方案》(Andy Budd, CSS Mastery -- Advanced Web Standards Solutions)。
以下是读书笔记。
首先,挺遗憾的是,除了封面上译者名字外,就完全看不到跟译者有关的东西,没有译者简介,没有译者序,没有后记……一点也没有(难道是我没找到?)
第1章
关于“有意义的标签”, ...
by hax 2007-08-21 浏览 (10391) 回复 (4) 关键字:

