《div+css学习总结》由会员分享,可在线阅读,更多相关《div+css学习总结(35页珍藏版)》请在金锄头文库上搜索。
1、div+css第一天:1初识CSS1.1介绍1.2原理图1.3快速案例test.html:my.css:1.4三个时期1.5优势主要内容1.6必要性案例:使用元素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的为准,如颜色样式,其他不重叠的部分还要正常显示c
2、lass中的部分.在一个元素中不能有两个及以上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中居中的方法