前端之路——第八篇:用之前学过的知识,复刻百度首页

来源:互联网 发布:欧莱雅精油怎么样知乎 编辑:程序博客网 时间:2024/05/16 08:00

今天的内容:编写百度首页

难度: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的定位问题(居中/绝对定位/相对定位),哎呦,这个问题我还是不行啊,要加把劲练习,第二次被老师说这个知识点的问题了。


不过,总体来说不错吧。

阅读全文
0 0
原创粉丝点击