羽扇轻摇

摘要： CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果.CSS 在这方面的能力远远在 HTML 之上. 背景色 可以使用 background-color 属性为元素设置背景色.这个属性接受任何合法的颜色值. 可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素. background-color 不能继承,其默认值是 transparent.transparent 有“透明”之意. 也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见. 比如:p {background-color: gray;} 为P元... 阅读全文

摘要： 在CSS 中，类选择器以一个点号显示： .center {text-align: center} 在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。 在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。 <h1 class="center"> This heading will be center-aligned </h1> <p class="center"> This paragraph will a 阅读全文

摘要： id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。 下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色： #red {color:red;} #green {color:green;} 下面的 HTML 代码中，id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。 <p id="red">这个段落是红色。</p> <p id="green">这个段落是绿色。</ 阅读全文

摘要： 每个元素都可以被结构化，CSS 可使得一个有序或无序的列表显示为彻头彻尾的导航栏，其中还拥有反转按钮效果。文档的内容可以通过普通的元素进行标记，这些元素通过特定的结构化属性标志来指示出它们在网站设计中所扮演的语义角色。 我们在公元 2006 年创建了 W3School 的第一个中文测试版，我们在一开始就使用了 CSS 进行布局，并使用 XHTML 来结构化文档。每一个其中的元素都是结构化的，从标题到列表，乃至段落。你可以在 w3school 的每个页面看到具有反转效果的首页按钮和二级菜单按钮。下面是这两个组件的 XHTML 代码： <div id="header"&g 阅读全文

摘要： XHTML 规则概要 将传统的 HTML 转换为 XHTML 1.0 是快捷且无痛的，只要你遵守一些简单的规则和容易的方针。不管是否使用过 HTML，都不会妨碍你使用 XHTML。 使用恰当的文档类型声明和命名空间。 使用 meta 元素声明你的内容类型。 使用小写字母书写所有的元素和属性。 为所有的属性值加引号。 为所有的属性分配值。 关闭所有的标签。 使用空格和斜线关闭空标签。 不要在注释中写双下划线。 确保小于号及和号为 < 和 & Unicode 和其他字符集 XML、XHTML、和HTML 4.0 文档的默认字符集是 Unicode，一个... 阅读全文

摘要： 派生选择器,通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。 在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。 派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。 比方说，你希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器： li strong { ... 阅读全文

摘要： 选择器的分组 你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明.用逗号将需要分组的选择器分开. 在下面的例子中,我们对所有的标题元素进行了分组.所有的标题元素都是绿色的. h1,h2,h3,h4,h5,h6 { color: green; } 继承及其问题 根据 CSS,子元素从父元素继承属性.但是它并不总是按此方式工作.看看下面这条规则： body { font-family: Verdana, sans-serif; } 根据上面这条规则,站点的 body 元素将使用 Verdana 字体 通过 CSS 继承,子元素将继承最高级元素（在本... 阅读全文

摘要： CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成,声明用花括号包围起来.属性(property)是您希望设置的样式属性(style attribute) 每个属性有一个值.属性和值被冒号分开. 上面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素. 在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值. 值的不同写法和单位 除了英文单词 red，我们还可以使用十六进制的颜色值 #ff0000： p... 阅读全文