CSS和文档

层叠样式表是一个强大的工具，能影响一个或者一组文档的表现。其的发展历史都是为了更好的解决浏览器的显示问题的，没有太多的细节值得注意。

元素：

• 置换元素：常见的为img标签，也就是内容的部分不由文档内容直接显示。input元素类似，根据类型的不同，会显示不同的内容。
• 非置换元素：元素的内容由用户代里再元素自身的框中显示，大多数的标签都是这样的。div、span等。

其它的元素分类方式：

• 块级元素：默认会生成一个填满父级元素内容区域的框，旁不可以由其它元素，框的前后是断行的，
• 行内元素：在一行文本内生成元素框，不会打断所在的行。行内元素可以放在块级元素的内部，反之不行。
• 可以使用display的属性去修改对应的显示，但是不可以违背上面第二条规则，display的取值中默认情况下为inline的。

在HTML文档中引入CSS的方法：

• link标签：基本作用为把其它文档与当前文档关联起来，这样的方式引入的样式表为外部样式表，因为样式表在HTML的文档外部。其必须放在head元素中，不可以放在其它元素之中。下面是一个例子

<link rel="stylesheet" type="text/css" href="./style.css" media = "screen, projection">

• @import的方式：必须放在所在样式表的开头处！其余的没有限制。因为其本身是CSS的语法，所以必须放在Style的标签内部才可以使用的。

• style元素：嵌入式样式表或者文档样式表。

• 使用HTTP链接：使用HTTP首部的方式完成，这种使用方式比较少见

• 行内样式：在元素标签上使用style的方式引入需要的样式的。一般尽量少使用。

候选样式表：将上面的link标签中的rel的属性值设置为alternate stylesheet的取值的时候。

规则的结构：

一些常用的厂商的前缀：

/*只有这一种注释方式  */

媒体查询：