精通样式表技术笔记（三）

来源：互联网发布：php设计模式应用编辑：程序博客网时间：2024/05/01 20:11

11、情景选择：

如果你想让所有加重显示的文字都以红色显示，
但条件是只有当这些加显示的文字出现在通常的主体文字内时。
不可能吗？利用样式表可以实现你最狂野的梦想。
情景选择将使你梦想成真，心想事成。
情景选择要求你设定一个可以执行选择说明的情景即可。

P B { color: red }

<H1>Emma Thompson, Actress
</H1>
Dramatic actor, inspired
comedienne. Is there nothing
she can't do?

样式表的规则告诉浏览器只将所有之内加重显示的文字以红色显示。
所以，之外标题的加重文字不会以红色显示，而之内的文字则是。

12、样式表的串接顺序：

Inline styles （行内样式）
Embedded styles （植入样式）
Linked styles （链接样式）
Imported styles （输入样式）
Default browser styles（缺省浏览器样式）
浏览器将按照上述顺序执行样式表的指令。

13、使用特别说明的样式表规则，例：
BODY { color: green }
P { color: red }

有一项规则特别说明 中的文字一红色显示，
但它同时也继承了<BODY>的绿色规定。
但是特别说明了的规则的重要性要大于继承的规则，
所以之内的文字一红色显示。

14、问题：如果样式表规则同HTML标签冲突时，如何处理？我们看一下这个例子：

I { font-family: impact }

I think 
East of Eden is Stein
beck's best novel.

该例中样式表规则要求浏览器使用Impact，但是传统的HTML标签要求用Times字体，一个很明显的传统。

根据正式的样式表规定，应该优先执行样式表规则。

但是最主要的几种浏览器Netscape 和IE 4.0 都规定应优先执行HTML。唉.......

你看到了吧，浏览器不能如我们希望的那样应用串接样式表。节哀顺变吧。

15、字体：

字模系列就是CSS中称呼一种字体的名称属性。其基本语法如下：

H2 { font-family: helvetica,
impact, sans-serif }

这里是Web浏览器阐释样式表的规则：
首先在列表中寻找字体的名称（helvetica），
如果在该计算机中安装了这种字体，就使用它。
如果没有安装，则移向下一种字体（impact），如果这种字体也没有安装，
则移向第3种字体（sans-serif）。
sans-serif字体参数是浏览器可以依据的最后一种参数，
它告诉浏览器使用任何一种缺省sans-serif字体（或许就是Arial）。