1. 为什么引入CSS？
CSS让我们的网页变得更加丰富多彩。
CSS的最大贡献：实现了HTML专注去做 结构 呈现，而 样式 交给CSS。而且，CSS做得很出色，如果JavaScript是网页的魔法师，那么CSS是我们网页的美容师。
没有不好看的网页，只有不会CSS的前端。
2. CSS定义
了解CSS样式规则，具体格式如下：
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
CSS代码结构中的几个特点，具体如下：
- CSS样式中的选择器严格行区分大小写，属性和值不区分大小写，按照书写习惯一般将“选择器、属性和值”都采用 小写 的方式。（HTML中不区分大小写）
- 多个属性之间必须用英文状态下的 分号隔开 ，最后一个属性后的分号可以省略，但是，为了便于增加新样式最好保留。
- 如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的 引号 。
- 在编写CSS代码时，为了提高代码的可读性，通常会加上 CSS注释 。
- 在CSS代码中空格是不被解析的，花括号以及分号前后的空格可有可无。
引入CSS样式表：
（1）行内式
行内式也称内联样式，是通过标记的style属性来设置元素的样式，其基本语法格式如下：
<标记名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;">内容</标记名>
该语法中style是标记的属性，实际上任何HTML标记都拥有style属性，用来设置行内式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标记及嵌套在其中的子标记起作用。
（2）内嵌式
内嵌式是将CSS代码集中写在HTML文档的< head >头部标记中，并且用 < style >标记定义，其基本语法格式如下：
<head>
<style type="text/css">
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>
该语法中，< style >标记一般位于< head >标记中< title >标记之后，也可以把它放在HTML文档的 任何地方 。
（3）链入式
链入式是将所有的样式放在一个或多个以**.css**为扩展名的外部样式表文件中，通过< link/ >标记将外部样式表文件链接到HTML文档中，其基本语法格式如下：
<head>
<link href="CSS文件的路径" type="text/css" rel="stylesheet"/>
</head>
该语法中，< link/ >标记需要放在< head >头部标记中，并且必须指定< link/ >标记的三个属性，具体如下：
- href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
- type：定义所链接文档的类型，在这里需要指定为"text/css"，表示链接的外部文件为CSS样式表。
- rel：定义当前文档与被链接文档之间的关系，在这里需要指定为"stylesheet"，表示被链接的文档是
CSS有三种定义样式的方式：
（1）行内式 定义内联样式表 行内样式表
（2）内嵌式 定义内部样式 表头部样式表
（3）链入式 链接外部样式表 外部样式表
3. 优先级：
CSS有三种定义样式的优先级（默认但可改动）：
就近原则
（1）行内样式表
（2）头部样式表
（3）外部样式表
在DW中新建HTML页面CSS样式在最右侧，运用时首先选择你所想要运用的内容。
2404
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
