摘要：通过CSS文本属性可以定义文本的颜色,字符间距,对齐文本,装饰文本,对文本进行缩进,等等. 缩进文本 text-indent属性:定义文本首行缩进,就是在首行文字之前插入指定长度,长度可以是负值. 把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果. 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em： p {text-indent: 2em;} 1em 等于一个汉字的位置,也等于2个字母的位置. 注意：一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 te... 阅读全文

摘要：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">这个段落是绿色。</ 阅读全文

摘要：派生选择器,通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。 在 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... 阅读全文

摘要：认识CSS CSS的英文全名是 Cascading Style Sheets,中文可翻译为串接式排版样式,并且 CSS2规范也于 1998 年 02 月通过 W3C 的审核与推荐,所以 CSS 并不是专为 XHTML 所设计的,CSS 还可以被其他标记语言拿来制作排版样本,如 HTML,XML 文件都可以应用 CSS,来美化网页的设计,大家如果学会 CSS,在HTML,XHTML,XML 文件中都可以使用. 传统 HTML 设计网页版面的缺点 使用传统HTML控制标记来设计网页,在先天上就无法与排版样本来做比较,因为HTML并非完全着眼在网页排版的功能上,而这对 XHTML 而言更是... 阅读全文