第18天：京东网页头部制作

最新推荐文章于 2024-01-12 09:36:39 发布
最新推荐文章于 2024-01-12 09:36:39 发布
阅读量720 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： html+css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lelara/article/details/84577720
本文介绍了京东页面布局的一些实用技巧，包括浮动盒子的宽度设定、绝对定位的应用及其对页面布局的影响等。此外，还分享了如何使用空的div元素来创建中间分割线的方法。

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

一，京东页面制作开始（头部）
1，浮动的盒子宽度由内容定，不需要设置宽度
2，绝对定位不占位置，相对定位占位置

3，不一定是子绝父相，还可能是子绝父绝，要根据情况来定。如果是子绝父绝，那父级的父级一定是相对定位。

二，中间分割线制作

给需要竖线的地方添加空的利，每个立设置类样式，设置宽高，背景色

刚开始做的也不多，目前进度如下：

 

前端学习（396）：京东制作页面5三大标签优化
歌谣的博客
01-13 569
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
京东_登录页面制作
m0_58239511的博客
09-20 3542
编写网页界面快速入门，直接利用
css+html京东网页的制作
12-21
仿照京东网站进行编写的京东网页 运用HTML5+CSS3进行网页布局和网页元素样式设计，能依据流行趋势设计网页背景、图文列表和图文混排、动画、交互等。
制作京东页面
12-12
里面有京东的页面供大家参考，HTML5制作京东的页面，被美化了，可以供初学者参考
京东网页顶部导航栏
PuppetHeart的博客
12-28 1969
京东网页顶部导航栏 HTML 代码 <!-- 顶部开始 --> <div class="J-top"> <a href="#" class="w"> <i class="iconfont iconguanbi"></i> </a> </div> <!-- 顶部结束 --> <!-- 快捷导航开始 --> <div class="shortc
前端学习（433）：京东制作页面40广告特效制作下
歌谣的博客
01-17 381
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
前端学习（431）：京东制作页面38标签制作
歌谣的博客
01-17 378
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
前端学习（425）：京东制作页面32京东登录模块制作头像部分
歌谣的博客
01-16 587
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
前端学习（426）：京东制作页面33京东会员模块制作
歌谣的博客
01-16 538
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
前端学习（416）：京东制作页面24版权模块结束
歌谣的博客
01-15 286
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...
HTML5浮动-制作京东登录页面
08-29
制作京东登录页面
简易京东网页HTML代码（HTML&JS;）
01-02
HTML课程设计（模拟京东网页 购物网站）主要功能DIV 网页框架设计 链接
仿京东网页
05-22
自己做的一个高仿京东的网页，只有一个页面，第一回发布这个东西，还有点不适应，以后不定期发布文件
京东网案例：头部+底部
05-25
京东网案例：头部+底部
京东HTML静态模板页面全套
02-08
包含登陆注册商品列表商品详情订单收货地址等全套模板页面
京东网站页面编写(HTML、CSS、JS)，包括京东秒杀的倒计时、轮播图等功能
热门推荐
m0_54585610的博客
10-21 1万+
仿真京东动态网站，包括京东秒杀的倒计时、轮播图等功能
DIV布局 京东商城购物网站(4页) 基于Html+Css+javascript的网页制作（购物主题）
qq_524614081的博客
04-23 4391
HTML5期末大作业：京东商城网站设计——京东商城购物网站(4页) 基于Html+Css+javascript的网页制作（购物主题） 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
css作业：京东头部导航
abc630727719的博客
03-26 553
目标： 成品： html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...
京东网页（html代码）
最新发布
2301_77416097的博客
01-12 4633
【代码】京东网页（html代码）
响应式电商网页模板：模仿京东手机网站设计
资源摘要信息:"jdM.zip_jdmcss_响应式布局_手机端模板_模仿京东手机网站_电商网页" 1. 响应式网页设计（Responsive Web Design）： 响应式网页设计是一种网页设计方法论，旨在创建能够根据用户设备的屏幕尺寸和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值