div+css学习总结

在一个元素中不能有两个及以上 id 选择器，但可以有多个 class 选择器
2.8 将类选择器和 id 选择器相同部分的内容整合
2.9 课堂练习
练习 1
html: CSS:
练习 2
html： CSS：
3 块元素和行内元素 3.1 概念
3.2 各自存放的内容及相互转换
4 CSS 核心内容 4.1 流
HtmlPage1.html:
my.css:
2.2id 选择器
my.css:
2.3html 选择器
2.4 综合练习：
HtmlPage1.html: my.css:
第二天
2.5 通配符选择器
2.6 父子选择器
页面效果： HTML: CSS:
2.7id 选择器和类选择器同时修饰
html： CSS： 注：重叠的部分是以 id 的为准，如颜色样式，其他不重叠的部分还要正常显示 class 中的部 分.
（一）
（二）
对应页面：
（一） （二）
4.7 清除浮动 4.8 定位
relative
html CSS
absolute
static
fixed
（只能相对 body 定位）
5 仿 sohu 页面
图片在 div 中居中的方法
小知识：配置 eclipse 模板：
4.2 CSS 的盒子模型
案例：
页面： HTML： CSS：
4.3 盒子模型综合案例
该案例可以当做一个模板来使用，很多大型网站都有用到。
CSS：
HTML：
4.4. 盒子模型练习
CSS：
html
4.5 浮动
第三天
内容回顾 4.6 浮动理解强化
代码：
第一天：
1 初识 CSS百度文库1.1 介绍
div+css
1.2 原理图
1.3 快速案例
test.html:
my.css:
1.4 三个时期
1.5 优势
主要内容
1.6 必要性
案例：
使用<span>元素
1.7 思考（滤镜——图片变成黑白色）
2 CSS 的选择器——通配符，html，类，id 2.1 类选择器