1CSS与文档

层叠样式表（Cascading Style Sheet，CSS）的功能十分强大，可以影响一个或一组文档的表现。

为什么结构化对HTML来说很重要：1.非结构化页面使得建立内容索引极为困难。2.缺乏结构性会降低可访问性。3.高级页面表现只能应用于某种文档结构。4.结构化标记更易于维护。

CSS易于使用，可在多个页面上使用样式，规定了冲突规则(cascede,叠层)，缩减文件大小。

HTML是一种结构化语言，而CSS是它的补充：这是一种样式语言。

元素（element）是文档结构的基础。在CSS中，每个元素生成一个框（box，也称为盒），其中包含元素的内容。元素可以分为替换元素和非替换元素。替换元素（replaced element）是指用来替换元素内容的部分并非由文档内容直接表示（即空元素）。非替换元素（nonreplaced element）的内容由用户代理（通常是一个浏览器）在元素本身生成的框中显示（即非空元素）。

元素的显示角色可以分为块级（block-level）元素和行内（inline-level）元素。块级元素生成一个元素框。列表项是块级元素的一个特例，除了表现方式和其他块级元素一致，列表项还会生成一个标记符。行内元素在一个文本行内生成元素框，而不会打断这行文本。

link标记可以将包含link标记的文档与其他文档相关联。<link rel="stylesheet" type="text/css" href="sheet1.css" meida="all" />type属性描述了使用link标记加载的数据的类型。href属性是样式表的URL。rel属性还可以定义为候选样式表（alternate style sheet），只有在用户选择这个样式表时才会用于文档表现。候选样式表可以指定为同样的title值，把它们分组在一起。如果为一个rel为stylesheet的link指定了标题（title），也就指定了该样式表要作为首选样式表。如果没有为样式表指定title，那么它将作为一个永久样式表（persistent style sheet）,始终用于文档的显示。通常，这正是创作人员所希望的。link必须放在head元素中，但不能放在其他元素内部。

可以用style元素包含样式表<style type="text/css">style一定要使用type属性，对于CSS文档，正确type属性值是“text/css”。开始和结束style标记之间的样式称为文档样式表（document style sheet），或嵌套样式表（embedded style sheet），因为这个样式嵌套在文档中。style可以使用@import指令包含多个外部样式表链接。

@import用于指示web浏览器加载一个外部样式表，@import只能出现在style容器中。一个文档中可以用多个@import语句，每个@import指令的样式表都会加载并使用，用@import无法指定候选样式表。可以限制所导入的样式表应用于一种或多种媒体，可以在样式表的URL之后列出要应用此样式的媒体@import url() screen;外部样式表要使用其他外部样式表的样式时，不能用link元素（外部样式表不能包含任何文档标记），但能用@import。CSS要求@import指令出现在样式表中的其他规则之前。

CSS可用/*和*/注释。

HTML的style属性可以为单个元素设置一个内联样式。除了在body外部出现的标记（如head和title），style属性可以与任何其他HTML标记关联。一个内联style属性只能放一个声明块，而不能放整个样式表。通常不推荐使用style属性。