前端之路——第八篇:用之前学过的知识,复刻百度首页
来源:互联网 发布:欧莱雅精油怎么样知乎 编辑:程序博客网 时间: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
- 前端之路——第八篇:用之前学过的知识,复刻百度首页
- web前端之百度首页仿写
- 勤于测试前面学过的知识之测试题
- 献给和我同样学习前端脚本时,先学jQuery,而之前没有接触过JS的同学
- 前端之路——第五篇:1:1还原知乎首页顶层导航栏!
- iOS转前端之仿写百度首页
- 学过的知识该多复习
- html学过的小知识
- 重学C#之前传——由C/C++开发经验总结的程序内存分配知识
- 从零开始学_JavaScript_系列(26)——只需要前端知识的ajax教程
- web——百度首页
- web——百度首页
- Web前端工程师成长之路——知识汇总
- Web前端工程师成长之路——知识汇总
- Web前端工程师成长之路——知识汇总
- Web前端工程师成长之路——知识汇总
- HTML之百度首页
- 【第八章】 对ORM的支持 之 8.1 概述 ——跟我学spring3
- Python2 字典
- Oracle客户端安装以及PL/SQL Developer安装方法
- Python中的深拷贝和浅拷贝详解
- C语言数据结构——单链表
- java操作pdf制作电子签章
- 前端之路——第八篇:用之前学过的知识,复刻百度首页
- HDU-2874 Connections between cities(倍增法)
- 说说有很多,博客第一篇!
- C++操作符的优先级 及其记忆方法
- 洛谷 1926 小书童——刷题大军
- 重新开始~
- 文章标题
- java学习记录——计算13+23-33+43-53+63-...+1003的值
- An error has occurred. See the log file D:\eclipse\...eclipse启动错误的问题