div+css学习总结.docx

div+css第一天：1初识CSS1.1介绍1.2原理图1.3快速案例test.html:my.css:1.4三个时期1.5优势主要内容1.6必要性案例：使用span元素1.7思考（滤镜——图片变成黑白色）2 CSS的选择器——通配符，html，类，id2.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中的部分.在一个元素中不能有两个及以上id选择器，但可以有多个class选择器2.8将类选择器和id选择器相同部分的内容整合2.9课堂练习练习1html:CSS:练习2html：CSS：3 块元素和行内元素3.1概念3.2各自存放的内容及相互转换4 CSS核心内容4.1流小知识：配置eclipse模板：4.2 CSS的盒子模型案例：页面：HTML：CSS：4.3盒子模型综合案例该案例可以当做一个模板来使用，很多大型网站都有用到。CSS：HTML：4.4. 盒子模型练习CSS：html4.5 浮动第三天内容回顾4.6浮动理解强化代码：（一）（二）对应页面：（一）（二）4.7清除浮动4.8 定位relativehtmlCSSabsolutestaticfixed（只能相对body定位）5 仿sohu页面图片在div中居中的方法