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

本文记录了作者复刻百度首页的过程,通过分析页面结构,运用前端知识进行实现。强调了页面布局、居中技巧、CSS定位、图片处理、注释规范等关键点,并总结了老师指出的改进意见,包括避免在HTML中添加样式,理解CSS内部优先级,以及重点掌握定位技术。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

难度:3颗星(5颗满)

知识点:前面所有课程结合


好了,开始制造。

1.先吧百度首页截图进行分析,分析从外到内共有多少个div,那些是一个div内包裹多个div的,那些需要进行特殊处理的......

2.老师很细心啊,也是自己做了一遍给我看,后续让我自己完成


废话不多说,上图:

再见整个页面截图大于2M,我的服了

分开截吧,凑合着看




做的还可以吧?

提交作业后,老师说整体不错,哈哈,有进步就好了。但是明显薄弱的问题还是一眼被老师看出来了,总结如下:

百度首页问题:
1:头文件的注释习惯reset等特殊注释
2:百度搜索没有居中:对于居中问题,不要使用固定px(重点)margin: 0 auto
3:img的src命名问题
4:posit

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值