1.1 CSS基本用法
1.1.1 CSS样式
样式是CSS最小的结构单元，每个样式包含两部分内容：选择器和声明(规则)。
选择器：匹配样式将作用于页面中哪些对象，这些对象可以是某个标签、指定Class或ID值的对象等。浏览器在解析这个样式时，根据选择器来渲染对象的显示效果。
声明：声明可以是一个或者多个，浏览器将根据声明来渲染选择器指定的对象。声明必须包括两部分：属性和属性值，以分号标识一个声明的结束，在一个样式中最后一个声明可以省略分号。所有声明被放置在一对大括号内，然后紧邻选择器的后面。
属性：属性是CSS预定义的样式选项。属性名是一个单词或多个单词组成，多个单词之间通过连字符相连。这样能够直观表示属性所要设置样式的结果。
属性值：用来设置属性要显示效果的参数。它包括值和单位，或者是预定义的关键字。
body {
font-size: 12px;
color: #CCCCCC;
}
p { background-color: #FF00FF; }1.1.2 CSS应用
CSS样式应用的方法主要包括4种：行内样式、内嵌样式、链接样式以及导入样式。
1.行内样式
行内样式就是把CSS样式直接放在代码行内的标签中，一般都放入标签的style属性中，由于行内样式直接插入标签中，因此是一种最直接的方式，同时也是修改最不方便的样式。
2.内嵌样式
内嵌样式通过将CSS写在网页源文件的头部，即在<head></head>之间，通过使用HTML的<style>标签将其包围，其特点是：该样式只能在此页应用，解决行内样式多次书写的弊端。
3.链接样式
链接样式是通过HTML的<link>标签，将外部样式表文件链接到HTML文档中，这也是网站应用最多的方式，同时也是最实用的方式。这种方法将HTML文档和CSS文件完全分离，实现结构层和表示层的彻底分离，增强网页结构的扩展性和CSS样式的可维护性。
4.导入样式
导入样式使用@import命令，在内部样式表中导入外部样式表。导入样式有6种书写方式：
@import daoru.css;
@import 'daoru.css';
@import "daoru.css";
@import url{daoru.css};
@import url{'daoru.css'};
@import url{"daoru.css"};1.1.3 CSS样式表
1.内部样式表
内部样式表包含在<style>标签内，一个<style>标签就表示一个内部样式表。而通过标签的style属性定义的样式属性就不是样式表。
2.外部样式表
如果CSS样式被放置在网页文档外部的文件中，则称为外部样式表，一个CSS样式表文档就表示一个外部样式表。实际上，外部样式表也就是一个文本文件，扩展名为.css。
1.1.4 导入外部样式表
1.使用<link>标签导入外部样式表文件：
<link href="001.css" type="text/css" rel="stylesheet" />其中href属性设置外部样式表文件的地址，可以试相对地址，也可以是绝对地址。rel属性定义该标签关联的是样式表标签，type属性定义文档的类型，，即为CSS文本文件。
一般在定义<link>标签时，应定义3个基本属性，其中href是必须设置属性：
href：定义样式表文件URL。
type：定义导入文件类型，同style元素一样。
rel：用于定义文档关联，这里表示关联样式表。
2.使用@import导入
两种导入样式表方法的比较：
· link属于HTML标签，而@import是CSS提供的。
· 页面被加载时，link会被同时加载，而@import引用的CSS会等到页面被加载完再加载。
· @import只在IE5以上才能识别，而link是HTML标签，无兼容问题。
· link方式的样式的权重高于@import的权重。
1.2 CSS特性
1.css样式表的优先级
按照CSS的起源可以将网页定义的样式分为4种：HTML、作者、用户、浏览器。HTML表示元素的默认样式；作者就是创建人，即创建网站所编辑的CSS；用户也就是浏览网页的人所设置的样式；浏览器就是指浏览器默认的样式。原则上讲，作者定义的样式优先于用户设置的样式，用户设置的样式优先于浏览器默认的样式，而浏览器的默认样式优先于HTML的默认样式。
在CSS中，当用户设置的样式使用了!important命令声明吼，用户的!important命令会优先于作者声明的!important命令。
2244
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
