CSS_01：第一章 CSS和文档

简介：层叠样式表（Cascading Style Sheet，CSS）是一个强大的工具，能影响一个或一组文档的表现。

1.1 Web 样式简介

1.2 元素

元素（element）是文档结构的根基。HTML 中常用的元素有 p、table、span、a、和 div 等。文档中的每个元素都对文档的表现起一定的作用。

1.2.1 置换元素和非置换元素

CSS中，元素通常有两种形式：置换元素 和 非置换元素

置换元素

置换元素指用来置换元素内容的部分不由文档内容直接表示。
在 HTML 中，最常见的置换元素要数 img，它的内容由文档之外的图像文件替换。
input 元素类似，根据类型的不同，会替换成单选按钮、复选框或文本输入框。

非置换元素

HTML 元素大部分是非置换元素，即元素的内容由用户代理（通常是浏览器）在元素自身生成的框中显示。

1.2.2 元素的显示方式

除了置换元素和非置换元素之外，CSS 还把元素分为块级和行内两种基本类型。

块级元素

块级元素（默认）生成一个填满父级元素内容区域的框，旁边不能有其他的元素。也就是说，块级元素在元素框的前后都“断行”。例如：p 和 div。
置换元素可以使块级元素，但往往不是。

行内元素

行内元素在一行文本内生成元素框，不打断所在的行。例如：a、strong、em。

注意： 在 HTML 中，块级元素不能出现在行内元素中。

1.3 把 CSS 应用到 HTML 上

1.3.1 link 标签

基本作用：将其他文档和当前文档关联起来。

外部样式表

通过 link 标签链接的样式不是 HTML 文档的一部分，但却供文档使用。我们称这样的样式表为外部样式表（external stylesheet），因为样式表在 HTML 文档的外部。

注意：
1、为了正确加载外部样式表，link标签必须放在 head 元素中，不能放在其他元素中。
2、且样式表中不能有 HTML 或其他标记语言，只能包含样有 CSS 规则和 CSS 注释。

属性
rel： “relation” （关系）的简称，这里指定的关系是stylesheet 。
type： 它的值始终为text/css，说明通过 link 标签加载的数据类型。
href： 它的值是样式表的 URL ，可以是绝对地址，也可以是相对地址。例如：href="basic.css"、href="http://meyerweb.com/sheet1.css
media： 它的值是一个或多个媒体描述符，指明媒体的类型和具有的功能。例如：media="screen, prjection"

候选样式表

定义方式为把rel属性的值设为alternate stylesheet。仅当用户自己选择，文档才会使用候选样式表渲染。

一旦为属性rel的·stylesheet的link`元素设定标题，就是将其定义为首选样式表。这意味着首选样式表优先于候选那样式表，显示文档时默认使用，。而选择候选样式表之后，首选样式表就不使用了。

如果不为样式表设置标题，那它就是永久样式表，始终用于显示文档。

1.3.2 style 元素

style元素也是一种引入样式表的方式，直接写在文档中。

1.4 样式表中的内容

1.5 媒体查询

1.6 特性查询