CSS速成指南(3)

如果指定的用户样式已被定义为浏览器默认样式,那么它将覆盖浏览器的默认设置。在用户样式表中未定义的任何样式将保持在浏览器中的默认设置。

2.1.6  外部样式表

下一个类型的样式是在外部样式表中指定的样式。这些设置将覆盖由用户或浏览器指定的样式。外部样式表是笔者推荐的创建样式的方式,因为这种方式可为不同目的生成不同的样式表,如Web常规样式、用于小屏幕的移动浏览器的样式、用于打印的样式等,然后对每种类型媒体只应用所需的样式。

2.1.7  内部样式

内部样式是那些在<style>…</style>标记对中创建的样式,它们的优先级高于前面所有样式类型。不过,这也破坏了样式和内容的分离性,因为同时加载的任何外部样式表将获得较低的优先级。

2.1.8  内联样式

内联样式是指直接将属性指派给元素。它在所有样式类型中具有最高优先级。其使用方法如下所示:

<a href="http://google.com" style="color:green;">Visit Google</a>

在此示例中,指定的链接将以绿色显示,而不管任何其他类型的样式表是将默认的或其他颜色设置直接应用于这一链接还是通用于所有链接。

使用这种类型的样式,将破坏布局和内容之间的分离性;因此,建议只在必要时才这样做。

2.2  选择器

用于访问一个或多个元素的方法称为选择,而CSS规则中执行选择的部分则称为选择器。确实,有许多不同种类的选择器。

2.2.1  类型选择器

类型选择器作用于HTML元素类型,如<p>或<i>。例如,下列规则将确保<p>…</p>中的所有内容两端对齐:

p { text-align:justify; }

2.2.2  后代选择器

后代选择器可将样式应用于包含在其他元素中的元素上。例如,下列规则将<b>…</b>标记中的所有文本设置为红色,但只有当它们位于<p>…</p>标记中才有效(例如,<p><b>Hello</b> there </p>):

p b { color:red; }

后代选择器可无限嵌套下去,因此,下面所示是个完全有效的规则,它使一个无序列表的列表元素中的粗体文本以蓝色显示:

ul li b { color:blue; }

读书导航