1. CSS基础

1. CSS控制页面

a) 内嵌式

b) 链接式

c) 行内样式

d) 导入样式：@Import url(1.css)

2. 优先级：

行内样式àlink标记样式àstyle样式àimport样式

3. 经验之谈：

a) 建设网站的时候，最好只使用其中的１～２种，这样便于控制

b) 使用CSS制作网页的时候，基本的要求就是在主流的浏览器上显示一致，通常的做法是一边写HTML和CSS代码，一边在不同的浏览器上测试

2. CSS语法

1.1. CSS选择器

选择器类型：（www.w3.org ）

1. 标记选择器, 直接编写标记。

2. 类别选择器, 使用.; 有时也可以使用<标记.类别>，一个标记，可以使用多个类别选择器，中间使用空格隔开。

3. ID选择器：使用#

1.2. 选择器声明

1. 集体声明

将风格相同的CSS选择器同时声明。集体声明的选择器，其中可以使任何的选择器，包括标记选择器，ID选择器和类别选择器。可以使用*号来声明通用的。

2. 选择器的嵌套

通过嵌套，对特殊位置的HTML标记进行声明。比如p标记

嵌套了b标记。嵌套在三中选择方式中都可以进行使用。

3. 经验之谈

选择的嵌套应用非常广泛，可以大大减少对class和id的声明。因此在构建页面的HTML框架时候，一般只给外层标记(父标记)定义class和id, 内层标记则通过嵌套的方式来进行，而不需要定义新的class和ID, 除非特殊需要。

4. CSS继承

把HTML看做是一个容器，其中被包含的小容器会继承所包含的他的大容器的风格样式。子标记会继承父标记的所有样式，并且可以在父标记的样式上进行修改，产生新的样式。

3. CSS文字效果

1.3. CSS文字样式

1. 字体: <font-family>

字体可多个，依次从浏览器中查找。如果字体本身有空格，使用双引号。通常情况下正文使用serif字体，标题和表格使用sans-serif字体。因为有的用户的计算机上并没有安装某些字体，因此在设置字体的时候，必须多设置几项，避免浏览器设置成默认字体。

2. 文字大小(font-size)

可使用相对大小，也可以使用绝对大小。常见的单位包括inch（英寸）,cm（厘米），mm（毫米），pt（印刷的点数），px（像素），pc(pica=12pt)。

CSS提供了7个固定值：xx-small, x-small, small, medium, large, x-large, xx-large.

相对大小使用百分比来设置，一般很多人都会选用这种方式。相对一般式相对父亲标记的字体大小。采用%和em都是相对于父标记而言的比例。如果没有父亲标记，则根据浏览器的默认值来设定。与鼠标的滚动放大没有关系。

3. 文字颜色(color)

4. 文字粗细(font-weight)

5. 斜体(font-style)

6. 下划线，顶划线和删除线(text-decoration)

可将下划线，顶划线和删除线同时赋值给某个文字，使得具有多种效果。

7. 英文字母大小写(text-transform)

1.4. CSS段落样式

1. 段落的水平对齐方式(text-align)

2. 段落的垂直对齐方式(vertical-align)

也可以设置数值，则表示位移。

3. 行间距和字间距(line-height, letter-spacing )