7.1.1. The Containing Block – 包含块
每个元素都有各自的包含块，可以说包含块就是一个元素的布局上下文。CSS2.1定义了一系列判断某一元素包含块的规则，在我们深入学习之前，先对这些知识作一些基本的了解。
通常对于一个西方风格文本流元素而言，其包含块就是上级元素中离它最近的块级元素、表格单元或内联块。以下面的代码为例：
- <body>
- <div>
- <p>Th[......]
{ 0 comments }
Posts tagged as:
开宗明义
前面已经提到，CSS之所以如此强大，是因为它采用HTML文档结构来决定其样式的应用。但这仅仅只是一方面，因为它只暗示了CSS之所以使用文档结构，仅仅是为了决定将不同的规则应用于不同的元素这一点。
事实上文档的结构往样式的应用中扮演着更为重要的角色。为了理解这一角色我们需要理解文档是怎样结构化的。对于下面列举的这个简单的HTML文档，如图显示了其对应的”树型视图”：
CSS的大部分能力都是基于元素的父子关系。[......]
{ 0 comments }
同伪类的方式类似，伪元素通过对插人到文档中的虚构元素进行触发，从而达到某种效果。在CSS1里，有两个伪元素，即：first-letter和first-line。它们将样式分别应用于首字母或首行，而首字母和首行位于像段这样的块级元素中。例如：
- P:first-letter {color:red;}
这会使每个段落的首字符变为红色，是不是显得很简单？还可以使H2标题的首字母比其他的字母大两倍，结果如下图所示：
- H2:first-lett[......]
{ 0 comments }
在CSS1中，只有三个伪类。前面已经见过的:visited，再加上:link和:active。每个都指代一种定位锚：
:link - 指超链接，也就是说具有HREF属性，是一个未访问过的地址。注意有些浏览器可能将:link翻译成指向任何超链接，访问过或未访问过的；
:visited – 指已经访问过的网页的定位锚；
:active -指任何已经处于活跃状态，例如被点击的定位锚。在CSS1里，这只用于超链接，然而在CSS2[......]
{ 0 comments }
更有趣的是伪类pseudo-class和伪元素pseudo-element选择符，至少在语法上讲是这样的。它们允许将样式应用于文档中不存在的结构上，或者是通过当前元素状态甚至是文档自身的状态而推断的某些东西上。换句话说，可以不依赖于文档结构，而且在不能简单地通过研究文档的标记来推断的情况下，将样式应用于文档的某个部分。
看起来好像我们是在随机地应用样式，其实并非如此。在这里，样式的应用是根据不能提前预测的即时条件而确定的。而且，对能[......]
{ 0 comments }
