子选择器与后代选择器类似,但其对何时应用样式有更多限制,其只选择某一元素的直接子元素来应用样式。例如,下列代码使用一个后代选择器将一个段落中的粗体文本改为红色,即使粗体文本本身在斜体标记中(例如,<...
后代选择器可将样式应用于包含在其他元素中的元素上。例如,下列规则将<b>…</b>标记中的所有文本设置为红色,但只有当它们位于<p>…</p>标记中才有效(例如,<p><b>Hello</b> there </p>):p b { color:red...
类型选择器作用于HTML元素类型,如<p>或<i>。例如,下列规则将确保<p>…</p>中的所有内容两端对齐:p { text-align:justify; }
用于访问一个或多个元素的方法称为选择,而CSS规则中执行选择的部分则称为选择器。确实,有许多不同种类的选择器
内联样式是指直接将属性指派给元素。它在所有样式类型中具有最高优先级。其使用方法如下所示:<a href="http://google.com" style="color:green;">Visit Google</a>在此示例中,指定的链接将以绿色显示,而不...
内部样式是那些在<style>…</style>标记对中创建的样式,它们的优先级高于前面所有样式类型。不过,这也破坏了样式和内容的分离性,因为同时加载的任何外部样式表将获得较低的优先级
下一个类型的样式是在外部样式表中指定的样式。这些设置将覆盖由用户或浏览器指定的样式。外部样式表是笔者推荐的创建样式的方式,因为这种方式可为不同目的生成不同的样式表,如Web常规样式、用于小屏幕的移动浏...
用户样式是有着次高优先级的样式,为大多数现代浏览器所支持,但实现方式各不相同。如果你想学习如何创建自己的浏览器默认样式,可使用搜索引擎输入浏览器名称外加用户样式(例如对于Mozilla Firefox浏览器,输入...
最低级别的样式优先级是Web浏览器应用的默认样式。这些样式是当Web页面没有任何样式时可供选择的退路,它们是一组在大多数情况下都能较好显示的通用样式。在CSS出现之前,它们只是应用于文档的样式,且只有一小部...
有很多不同的样式类型,包括由浏览器设置的默认样式(和任何用户样式)、内联或嵌入式样式及外部样式表。每个类型中定义的样式有一个从低到高的优先级层次结构
对CSS规则进行注释是个好习惯,即使只是描述主要的语句而不是所有语句。有两种不同的注释方法。第一,可将注释放在/*…*/标记对中,如下所示:/* This is a CSS comment */或者将注释扩展至多行,如下所示...
可用几种不同的方式创建多个属性指派。首先,可在同一行中连接它们,如下所示:h1 { font-size:240%; color:blue; }这就添加了另一个指派,将所有<h1>标题的颜色改为蓝色。也可以一行放置一个指派,如下所示...
CSS是个比较大的主题,涉及各种不同的技术,而且也有许多专门介绍其用法及工作原理的书籍。但在本章中,笔者尽可能将其信息提炼成易于掌握的入门级内容,从而提供使用本书中的插件所需的所有信息。如果你对CSS有...
至此,你应对样式表的工作原理、CSS与DOM如何相关及如何导入插件有了一个基本的了解。下一章,我们将讲述CSS速成法。学习完该章,你将能理解并使用本书中的所有插件,也能够通过调整或扩展它们创建自己的变体形式
使用JavaScript支持的插件有一个不利方面,因为少量用户在浏览器中禁用JavaScript。因此你可能选择不使用JavaScript支持的插件,这太令人遗憾了,因为它们提供了一些非常好的增强功能。可以包括如下所示的HTML代...
为了使用本书中的所有插件(包括纯CSS和JavaScript支持的CSS),同时为了不必总是想着要导入它们,笔者建议将下列两行代码添加到使用它们的所有Web页面的头部:<link rel="stylesheet" type="text/css" href="P...
本书中的一些插件完成的事情可能单用CSS不能完成,它们通过使用两个JavaScript插件库来完成。这两个插件库分别是来自配套书Plug-in JavaScript中的PJ.js和专为本书而写的PC.js。PJ.js中的函数提供了大量的定位、...
为了使插件易于访问,笔者总是尽量使用简短的、自说明的类名,甚至包括了大量单字母名的类,如i(对文本应用斜体)。不过,如果你自己或第三方的样式使用了任一相同的类名,那(根据第2章要介绍的规则)该类将获得优...
从plugincss.com网站下载了plug-ins.zip文件后(并作了解压缩),这里推荐的访问方式是将存储在PC.css文件中的整个插件集作为外部样式表加载,使用的命令如下所示:<link rel="stylesheet" type="text/css" hre...
当CSS语句出现在同一行中时,为了分开它们,必须在每条语句后加分号。但如果一行上(或在HTML标记内部的内联样式设置中)只有一条语句,则可以省略分号。为了避免导致难以发现的CSS错误,在开发样式表时,最好总是...