div+css学习总结材料

div+css 第一天：

1初识CSS

1.1介绍

1.2原理图

1.3快速案例test.html:

1.4三个时期

主要容

1.6必要性案例：

使用元素

1.7思考（滤镜——图片变成黑白色）

2 CSS的选择器——通配符，html，类，id

HtmlPage1.html:

my.css:

my.css:

2.3html选择器

2.4综合练习：

HtmlPage1.html:

my.css:

第二天

2.5通配符选择器

2.6父子选择器

页面效果：

HTML:

CSS:

2.7id选择器和类选择器同时修饰

html：

CSS：

注：重叠的部分是以id的为准，如颜色样式，其他不重叠的部分还要正常显示class中的部分.

在一个元素中不能有两个及以上id选择器，但可以有多个class选择器

2.8将类选择器和id选择器相同部分的容整合

2.9课堂练习

练习1

html:

CSS:

练习2

html：

CSS：

3 块元素和行元素3.1概念

3.2各自存放的容及相互转换

4 CSS核心容

4.1流

小知识：配置eclipse模板：

4.2 CSS的盒子模型

案例：页面：

HTML：

CSS：

4.3 盒子模型综合案例

该案例可以当做一个模板来使用，很多大型都有用到。

CSS：

HTML：

4.4. 盒子模型练习

CSS：

html

4.5 浮动

第三天

容回顾

4.6浮动理解强化

代码：（一）

（二）

对应页面：（一）

（二）

4.7清除浮动

4.8 定位

relative

html

CSS

absolute

static

fixed

（只能相对body定位）5 仿sohu页面

图片在div中居中的方法