前端实战项目京东首页练习

网友投稿 566 2022-05-30

效果图

这是个简单的京东网址首页,是一个静态的网页,供初学者练习使用。

学习前端只单单学会一下标签,学一点简单的CSS是完全不够的,我们要不断地练习实战项目,开始从简单的静态网页实现。

代码介绍

1.header标签定义文档的页眉,京东首页的页眉就是一张图片广告

2.第二部分是快速导航栏部分,包含登录按钮、注册按钮、我的订单、我的经典也就是个人中心(都是静态的没有实现事件)、还有京东会员等等按钮。

3.在下面就是页面的主体部分,秒杀、优惠券、闪购、

行级元素里面的内容可以撑开宽度,但是不能设置宽和高,显示出来的宽高是由内容撑开的。

块级元素可以用样式来设置其宽高。

有时行级元素需要设置宽高时,可以在