今天的内容:编写百度首页
难度:3颗星(5颗满)
知识点:前面所有课程结合
好了,开始制造。
1.先吧百度首页截图进行分析,分析从外到内共有多少个div,那些是一个div内包裹多个div的,那些需要进行特殊处理的......
2.老师很细心啊,也是自己做了一遍给我看,后续让我自己完成
废话不多说,上图:
整个页面截图大于2M,我的服了
分开截吧,凑合着看
做的还可以吧?
提交作业后,老师说整体不错,哈哈,有进步就好了。但是明显薄弱的问题还是一眼被老师看出来了,总结如下:
百度首页问题:
1:头文件的注释习惯reset等特殊注释
2:百度搜索没有居中:对于居中问题,不要使用固定px(重点)margin: 0 auto
3:img的src命名问题
4:position和float一起使用的问题:脱离文档流冲突(重点)
定位有三种,其中absolute和fixed这两种和浮动都会使元素脱离文档流。
在相对定位下->float
5:网站配色问题(重点)
6:网站css内部优先级概念(重点)
css内部:类<ID
id:500/100
class:5
7:内容部分的兴趣推荐位置处理不当
8:不要在html部分增加样式!!:具有样式效果的标签 strong/em/b
是不是很羡慕我有个如此尽心尽力的老师呢~~~~~~~~
对对对,重点还是css的定位问题(居中/绝对定位/相对定位),哎呦,这个问题我还是不行啊,要加把劲练习,第二次被老师说这个知识点的问题了。
不过,总体来说不错吧。