初学HTML/CSS仿写百度首页

仿写的界面入如下:
在这里插入图片描述
写的过程中还是有很多问题的,目前的这个界面只能用a标签进行跳转还需要解决的问题还有很多。

遇到的问题以及解决方案:
1、布局问题,经常出现位置搞不好的问题。
解决方案:把所有的元素放在div中,然后相对div进行位置设定。
2、百度搜索框用了div拼接,但是有间隙。
解决方案:用了margin的负值把空隙填充完整。

主要问题:
1、最上方导航栏有部分功能未实现(我觉得可以用CSS来写)
登录:会弹出窗口
设置:会弹出下拉的导航栏
下拉导航栏会有新的功能,例如点击上方弹出更多信息
更多产品:触碰会在右侧有新的导航栏
2、百度一下进行搜索(这个可能要用到jQuery什么的)
3、input框内有个小相机
4、文字部分颜色粗体未解决
5、更细节一点的就是尺寸问题,比如搜索框的高有点过高等

============
这里面还有没注意到的问题就是浏览器之前的相互兼容,在不同浏览器上显示出来的尺寸大小不一样。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值