dede常用标题标签等使用_文档库
文档库最新最全的文档下载
当前位置： & dede常用标题标签等使用
dede常用标题标签等使用
1、关键词、描述调用标签2、网站标题调用标签{dede:global name='cfg_webname'/}3、模板路径调用标签{dede:field name='templeturl'/}4、导航条调用标签{dede:channel type='top' row='8' currentstyle=" "} {/dede:channel}5、频道栏目调用标签{dede:channel type='self'}{/dede:channel}6、友情链接调用标签{dede:flink row='24' /}7、当前栏目名称调用标签{dede:field name='typename'/}8、当前位置调用标签{dede:field name='position'/}9、列表文章调用及分页标签{dede:list pagesize='8'}{/dede:list}{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}10、列表时间调用标签[field:pubdate function="GetDateTimeMK(@me)"/]11、文章点击量调用标签12、文章内容调用标签{dede:field name='body'/}13、文章分页及推荐等调用标签{dede:pagebreak/}[][][][][]14、上一篇、下一篇文章调用标签上一篇{dede:prenext get='pre'/}下一篇{dede:prenext get='next'/}15、头条推荐调用标签{dede:arclist row=1 titlelen=24 orderby=pubdate att=2}
[field:textlink/][field:description/]…… {/dede:arclist}16、热门关键词调用标签{dede:hotwords num='5' subday='30'/}17、最新图文调用标签{dede:arclist row=4 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98'} {/dede:arclist}18、推荐文章调用标签{dede:arclist type='commend' titlelen='40' row='10'}
{/dede:arclist}19、随机推荐调用标签{dede:arclist type='commend' titlelen='26' orderby='rand' row='10'} <a title="[field:
Word文档免费下载：
dede:prenext get='next'/} 头条推荐调用标签: {dede:arclist row=1 title...new小图片 给近三天(或当天)发布的文章显示红色日期或加上new字或new小图片等...dede常用标签大全_互联网_IT/计算机_专业资料。织梦dede常用标签大全 1:基本的标题调用首页 &TITLE&{dede:global.cfg_webname/}&/TITLE&
文章页 {dede:field...DEDE 常用标签调用方式及含义解释大全 日 星期一 11:32 文章页常用标签 导读 [field:description/] 文章标题 {dede:field.title/} 当前位置 {dede...? 文章标题调用标签: {dede:field name=&title&/} 文章来源调用标签: {dede:field name='source'/} 文章作者调用标签: {dede:field name='writer' /} 文章...DEDE仿站常用标签_IT/计算机_专业资料。dedecms用来仿站,常用的一些标签内容...& 3.{dede:field.title/}-网络精品秀 网络精品秀 网络精品秀 4.修改导航条...织梦常用标签总结、标签调用、图片调用等_互联网_IT/计算机_专业资料。1.标签...
[field:title /]
{/dede:arclist} ...Dede5.7 标签大全各种常用的标签,3 小时成为 DEDECMS 高手——内附详解。 最基本的标签关键描述调用标签:模板路径调用标签: 网站标题调用标签:
{dede:field...dede二次开发教程之常用模板标签_计算机软件及应用_IT/计算机_专业资料。DEDECMS ...一些链接、图片、标题等标签的灵活使用; 路径、SEO 标题、模板基本信息标签: 1...织梦常见标签大全_互联网_IT/计算机_专业资料。学织梦套站,先了解织梦标签 织梦常见标签大全: 首页: 1. 获取网站名称/标题:{dede:global.cfg_webname/} 2. ...dede网站制作中常用标签_互联网_IT/计算机_专业资料。index.htm(网站首页): onclick=&javascript:popup_qs()& style=&cursor:& {dede:field.title/}-{...[Html-Css] 我写的京东页面代码 | IT知识库
-& 正文阅读
[Html-Css]我写的京东页面代码
我写的京东页面代码
1、index.html---主要搭建页面的结构&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&&head&&&meta http-equiv="Content-Type" content="text/charset=UTF-8"&&&title&京东(JD.COM)-正品低价 品质保障 配送及时 轻松购物&/title&&&link rel="stylesheet" href="css/base.css" /&&&link rel="stylesheet" href="css/head.css" /&&&link rel="stylesheet" href="css/foot.css" /&&&link rel="stylesheet" href="css/index.css" /&&&link rel="shortcut icon" href="favicon.ico" /&&&link rel="stylesheet" href="css/iconfont/iconfont.css" /&&/head&&body&&!-- 最顶部广告部分开始 --&&&div class="head_banner"&&&&div class="w"&&&&&img src="img/top_head.jpg" /&&&&&a href="#" class="close"&X&/a&&&&/div&&&/div&&!-- 最顶部广告部分结束 --&&!-- 头部导航条开始 --&&&div class="head_nav"&&&&div class="w"&&&&&!-- 左侧导航栏 --&&&&&ul class="fl"&&&&&&li&&&&&&&i class="iconfont"&󰁞&/i&&&&&&&span&北京&/span&&&&&&/li&&&&&/ul&&&&&!-- 右侧导航栏 --&&&&&ul class="fr"&&&&&&li&&&&&&&a href="#"&你好，请登录&/a&&&&&&/li&&&&&&li&&&&&&&a href="#" class="red"&免费注册&/a&&&&&&/li&&&&&&li class="line"&&/li&&&&&&li&&&&&&&a href="#"&我的订单&/a&&&&&&/li&&&&&&li class="line"&&/li&&&&&&li class="public"&&&&&&&a href="#"&我的京东&/a&&&&&&&i class="iconfont"&&/i&&&&&&/li&&&&&&li class="line"&&/li&&&&&&li&&&&&&&a href="#"&京东会员&/a&&&&&&/li&&&&&&li class="line"&&/li&&&&&&li&&&&&&&a href="#"&企业采购&/a&&&&&&/li&&&&&&li class="line"&&/li&&&&&&li class="public"&&&&&&&span&客户服务&/span&&&&&&&i class="iconfont"&&/i&&&&&&/li&&&&&&li class="line"&&/li&&&&&&li class="public"&&&&&&&span&网站导航&/span&&&&&&&i class="iconfont"&&/i&&&&&&/li&&&&&&li class="line"&&/li&&&&&&li class="mobile"&&&&&&&span&手机京东&/span&&&&&&&i&&/i&&&&&&/li&&&&&/ul&&&&/div&&&/div&&!-- 头部导航条结束 --&&!-- 搜索栏部分开始 --&&&div class="head_search"&&&&div class="w"&&&&&!-- logo区域 --&&&&&div class="logo"&&&&&&img src="img/logo.gif" /&&&&&/div&&&&&!-- 搜索框区域 --&&&&&div class="search"&&&&&&input type="text" class="text" placeholder="羽绒服"/&&&&&&input type="button" class="btn" /&&&&&&i class="iconfont"&&/i&&&&&/div&&&&&!-- 购物栏区域 --&&&&&div class="shopcart"&&&&&&i class="iconfont"&&/i&&&&&&span&我的购物车&/span&&&&&&em&0&/em&&&&&/div&&&&&!-- 热词搜索 --&&&&&div class="hotwords"&&&&&&ul&&&&&&&li&&a href="#" class="red"&9.9元疯抢&/a&&/li&&&&&&&li&&a href="#"&手机专场&/a&&/li&&&&&&&li&&a href="#"&满199减100&/a&&/li&&&&&&&li&&a href="#"&低至5折&/a&&/li&&&&&&&li&&a href="#"&亿元红包&/a&&/li&&&&&&&li&&a href="#"&童鞋&/a&&/li&&&&&&&li&&a href="#"&拖地机&/a&&/li&&&&&&&li&&a href="#"&爆款直降&/a&&/li&&&&&&&li&&a href="#"&耳机&/a&&/li&&&&&&/ul&&&&&/div&&&&&!-- 主导航栏 --&&&&&div class="main_nav"&&&&&&ul&&&&&&&li&&a href="#"&秒杀&/a&&/li&&&&&&&li&&a href="#"&优惠券&/a&&/li&&&&&&&li&&a href="#"&闪购&/a&&/li&&&&&&&li&&a href="#"&拍卖&/a&&/li&&&&&&&li class="line"&&/li&&&&&&&li&&a href="#"&服装城&/a&&/li&&&&&&&li&&a href="#"&京东超市&/a&&/li&&&&&&&li&&a href="#"&生鲜&/a&&/li&&&&&&&li&&a href="#"&全球购&/a&&/li&&&&&&&li class="line"&&/li&&&&&&&li&&a href="#"&京东金融&/a&&/li&&&&&&/ul&&&&&/div&&&&&a href="#" class="small_banner"&&img src="img/hd.png" /&&/a&&&&/div&&&/div&&!-- 搜索栏部分结束 --&&!-- 轮播部分 --&&div class="con_lunbo"&&&div class="w"&&&&!-- 左侧导航列表 --&&&&div class="side_nav fl"&&&&&ul&&&&&&li&&& & & &&a href="#"&家用电器&/a&&& & &&/li&&& & &&li&&& & & &&a href="#"&手机&/a&/&& & & &&a href="#"&运营商&/a&/&& & & &&a href="#"&数码&/a&&& & &&/li&&& & &&li&&& & & &&a href="#"&电脑办公&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&家具&/a&/&&& & &&a href="#"&家居&/a&/&&& & &&a href="#"&家装&/a&/&&& & &&a href="#"&厨具&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&男装&/a&/&&& & &&a href="#"&女装&/a&/&&& & &&a href="#"&童装&/a&/&&& & &&a href="#"&内衣&/a&&& & &&/li&&& & &&li&&& & & &&a href="#"&个护化妆&/a&/&& & & &&a href="#"&清洁用品&/a&/&& & & &&a href="#"&宠物&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&鞋靴&/a&/&&& & &&a href="#"&箱包&/a&/&&& & &&a href="#"&珠宝&/a&/&&& & &&a href="#"&奢侈品&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&运动&/a&/&&& & &&a href="#"&户外&/a&/&&& & &&a href="#"&钟表&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&汽车&/a&/&&& & &&a href="#"&汽车用品&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&母婴&/a&/&&& & &&a href="#"&玩具乐器&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&食品&/a&/&&& & &&a href="#"&酒类&/a&/&&& & &&a href="#"&生鲜&/a&/&&& & &&a href="#"&特产&/a&&& & &&/li&&& & &&li&&& & & &&a href="#"&医药保健&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&图书&/a&/&&& & &&a href="#"&音像&/a&/&&& & &&a href="#"&电子书&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&机票&/a&/&&& & &&a href="#"&酒店&/a&/&&& & &&a href="#"&旅游&/a&/&&& & &&a href="#"&生活&/a&&& & &&/li&&& & &&li&&&& & &&a href="#"&理财&/a&/&&& & &&a href="#"&众筹&/a&/&&& & &&a href="#"&白条&/a&/&&& & &&a href="#"&保险&/a&&& & &&/li&&&&&/ul&&&&/div&&&&!-- 中间轮播区域 --&&&&div class="lunbo fl"&&&&&!-- 核心轮播 --&&&&&div class="lb"&&&&&&ul&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&&li&&a href="#"&&img src="img/banner.jpg" &&/a&&/li&&&&&&/ul&&&&&&!-- 轮播导航小圆点 --&&&&&&ol class="lb_nav"&&&&&&&li&&/li&&&&&&&li&&/li&&&&&&&li class="active"&&/li&&&&&&&li&&/li&&&&&&&li&&/li&&&&&&&li&&/li&&&&&&&li&&/li&&&&&&&li&&/li&&&&&&/ol&&&&&/div&&&&&div class="box_img"&&&&&&img src="img/bot_banner1.jpg" &&&&&&img src="img/bot_banner2.jpg" class="fr"&&&&&/div&&&&/div&&&&!-- 右侧生活列表 --&&&&div class="life_list fl"&&&&&!-- 上边登录部分 --&&&&&div class="life_top"&&&&&&img src="img/userphoto.jpg" /&&&&&&p&Hi,欢迎来到京东！&/p&&&&&&a href="#"&登录&/a&&&&&&a href="#"&注册&/a&&&&&&div class="fuli"&&&&&&&a href="#"&新人福利&/a&&&&&&&a href="#"&PLUS会员&/a&&&&&&/div&&&&&/div&&&&&!-- 中间促销部分 --&&&&&div class="life_middle"&&&&&&div class="life_title"&&&&&&&a href="#" class="sale"&促销&/a&&&&&&&a href="#" class="gonggao"&公告&/a&&&&&&&a href="#" class="more"&更多&/a&&&&&&/div&&&&&&div class="life_con"&&&&&&&a href="#"&年货礼包一站购,满399减150&/a&&br /&&&&&&&a href="#"&下单拆福袋赢电视手机&/a&&br /&&&&&&&a href="#"&低至5折,抢十亿现金红包！&/a&&br /&&&&&&&a href="#"&每日享折扣,京东品质游&/a&&&&&&/div&&&&&&/div&&&&&!-- 下边生活服务部分 --&&&&&div class="life_bottom"&&&&&&ul&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&b&&/b&&&&&&&&&i&&/i&&&&&&&&&p&话费&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&b&&/b&&&&&&&&&i&&/i&&&&&&&&&p&机票&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&酒店&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&游戏&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&企业购&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&加油卡&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&话费&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&话费&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&话费&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&话费&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&话费&/p&&&&&&&&/a&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&i&&/i&&&&&&&&&p&话费&/p&&&&&&&&/a&&&&&&&/li&&&&&&/ul&&&&&/div&&&&/div&&&/div&&/div&&!-- 秒杀部分 --&&div class="con_ms"&&&div class="w"&&&&div class="title"&&&&&!-- 左侧标题部分 --&&&&&div class="left_title"&&&&&&i class="corner"&&/i&&&&&&i class="clock"&&/i&&&&&&h4&京东秒杀&/h4&&&&&&a href="#"&&&&&&&span&总有你想象不到的低价&/span&&&&&&&i class="right_arrow"&&/i&&&&&&/a&&&&&/div&&&&&!-- 右侧时间部分 --&&&&&div class="right_time fr"&&&&&&div class="left_text fl"&当前场次&/div&&&&&&span class="hours"&01&/span&&&&&&span class="dot"&&&&&&&i&&/i&&&&&&&i&&/i&&&&&&/span&&&&&&span class="min"&37&/span&&&&&&span class="dot"&&&&&&&i&&/i&&&&&&&i&&/i&&&&&&/span&&&&&&span class="sec"&57&/span&&&&&&div class="right_text fl"&后结束抢购&/div&&&&&/div&&&&/div&&&&div class="content"&&&&&div class="shopping"&&&&&&ul&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&b class="shop_icon"&珍藏&/b&&&&&&&&&img src="img/sk1.jpg" /&&&&&&&&&span class="shadow"&&/span&&&&&&&&&p&酷冷至尊(CoolerMaster)剑客K282C侧透版中塔机箱(支持ATX主板/USB3.0/背走线/电源下置/支持SSD) 黑色&/p&&&&&&&&/a&&&&&&&&p class="price"&&&&&&&&&span class="newPrice"&&&&&&&&&i&￥&/i&&&&&&&&&span&209.00&/span&&&&&&&&&/span&&&&&&&&/p&&&&&&&&s class="oldPrice"&￥229.00&/s&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&b class="shop_icon"&超值&/b&&&&&&&&&img src="img/sk2.jpg" /&&&&&&&&&span class="shadow"&&/span&&&&&&&&&p&酷冷至尊(CoolerMaster)剑客K282C侧透版中塔机箱(支持ATX主板/USB3.0/背走线/电源下置/支持SSD) 黑色&/p&&&&&&&&/a&&&&&&&&p class="price"&&&&&&&&&span class="newPrice"&&&&&&&&&i&￥&/i&&&&&&&&&span&209.00&/span&&&&&&&&&/span&&&&&&&&/p&&&&&&&&s class="oldPrice"&￥229.00&/s&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&b class="shop_icon"&推荐&/b&&&&&&&&&img src="img/sk3.jpg" /&&&&&&&&&span class="shadow"&&/span&&&&&&&&&p&酷冷至尊(CoolerMaster)剑客K282C侧透版中塔机箱(支持ATX主板/USB3.0/背走线/电源下置/支持SSD) 黑色&/p&&&&&&&&/a&&&&&&&&p class="price"&&&&&&&&&span class="newPrice"&&&&&&&&&i&￥&/i&&&&&&&&&span&209.00&/span&&&&&&&&&/span&&&&&&&&/p&&&&&&&&s class="oldPrice"&￥229.00&/s&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&img src="img/sk4.jpg" /&&&&&&&&&span class="shadow"&&/span&&&&&&&&&p&酷冷至尊(CoolerMaster)剑客K282C侧透版中塔机箱(支持ATX主板/USB3.0/背走线/电源下置/支持SSD) 黑色&/p&&&&&&&&/a&&&&&&&&p class="price"&&&&&&&&&span class="newPrice"&&&&&&&&&i&￥&/i&&&&&&&&&span&209.00&/span&&&&&&&&&/span&&&&&&&&/p&&&&&&&&s class="oldPrice"&￥229.00&/s&&&&&&&/li&&&&&&&li&&&&&&&&a href="#"&&&&&&&&&img src="img/sk5.jpg" /&&&&&&&&&span class="shadow"&&/span&&&&&&&&&p&酷冷至尊(CoolerMaster)剑客K282C侧透版中塔机箱(支持ATX主板/USB3.0/背走线/电源下置/支持SSD) 黑色&/p&&&&&&&&/a&&&&&&&&p class="price"&&&&&&&&&span class="newPrice"&&&&&&&&&i&￥&/i&&&&&&&&&span&209.00&/span&&&&&&&&&/span&&&&&&&&/p&&&&&&&&s class="oldPrice"&￥229.00&/s&&&&&&&/li&&&&&&/ul&&&&&/div&&&&&div class="big_Img"&&&&&&img src="img/sk6.jpg" /&&&&&/div&&&&/div&&&/div&&/div&&!-- foot部分 --&&&div class="foot"&&&&div class="foot_top"&&&&&!-- 上面 多快好省部分 --&&&&&div class="w"&&&&&&ul&&&&&&&li&&&&&&&&h5&多&/h5&&&&&&&&p&品类齐全，轻松购物&/p&&&&&&&/li&&&&&&&li&&&&&&&&h5&快&/h5&&&&&&&&p&品类齐全，轻松购物&/p&&&&&&&/li&&&&&&&li&&&&&&&&h5&好&/h5&&&&&&&&p&品类齐全，轻松购物&/p&&&&&&&/li&&&&&&&li&&&&&&&&h5&省&/h5&&&&&&&&p&品类齐全，轻松购物&/p&&&&&&&/li&&&&&&/ul&&&&&/div&&&&/div&&&&!-- 中间服务部分 --&&&&div class="service"&&&&&div class="w clear"&&&&&&div class="con"&&&&&&&div class="service_list fl"&&&&&&&&dl&&&&&&&&&dt&购物指南&/dt&&&&&&&&&dd&购物流程&/dd&&&&&&&&&dd&会员介绍&/dd&&&&&&&&&dd&生活旅行&/dd&&&&&&&&&dd&常见问题&/dd&&&&&&&&&dd&大家电&/dd&&&&&&&&&dd&联系客服&/dd&&&&&&&&/dl&&&&&&&&dl&&&&&&&&&dt&购物指南&/dt&&&&&&&&&dd&购物流程&/dd&&&&&&&&&dd&会员介绍&/dd&&&&&&&&&dd&生活旅行&/dd&&&&&&&&&dd&常见问题&/dd&&&&&&&&&dd&大家电&/dd&&&&&&&&&dd&联系客服&/dd&&&&&&&&/dl&&&&&&&&dl&&&&&&&&&dt&购物指南&/dt&&&&&&&&&dd&购物流程&/dd&&&&&&&&&dd&会员介绍&/dd&&&&&&&&&dd&生活旅行&/dd&&&&&&&&&dd&常见问题&/dd&&&&&&&&&dd&大家电&/dd&&&&&&&&&dd&联系客服&/dd&&&&&&&&/dl&&&&&&&&dl&&&&&&&&&dt&购物指南&/dt&&&&&&&&&dd&购物流程&/dd&&&&&&&&&dd&会员介绍&/dd&&&&&&&&&dd&生活旅行&/dd&&&&&&&&&dd&常见问题&/dd&&&&&&&&&dd&大家电&/dd&&&&&&&&&dd&联系客服&/dd&&&&&&&&/dl&&&&&&&&dl&&&&&&&&&dt&购物指南&/dt&&&&&&&&&dd&购物流程&/dd&&&&&&&&&dd&会员介绍&/dd&&&&&&&&&dd&生活旅行&/dd&&&&&&&&&dd&常见问题&/dd&&&&&&&&&dd&大家电&/dd&&&&&&&&&dd&联系客服&/dd&&&&&&&&/dl&&&&&&&/div&&&&&&&div class="map fr"&&&&&&&&h5&京东自营覆盖区县&/h5&&&&&&&&p&京东已向全国2661个区县提供自营配送服务，支持货到付款、&PO&&&&/PO&S机刷卡和售后上门服务。&/p&&&&&&&&a href="#"&查看详情 & &/a&&&&&&&/div&&&&&&/div&&&&&/div&&&&/div&&&&!-- 下面版权部分 --&&&&div class="copyright"&&&&&div class="w"&&&&&&p&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&&span&|&/span&&&&&&&a href="#"&关于我们&/a&&&&&&/p&&&&&&p&&&&&&&a href="#"&京公网安备88号&/a&&&&&&&span&|&/span&&&&&&&a href="#"&京ICP证070359号&/a&&&&&&&span&|&/span&&&&&&&a href="#"&互联网药品信息服务资格证编号（京）-经营性-&/a&&&&&&&span&|&/span&&&&&&&a href="#"&新出发京零 字第大120007号&/a&&&&&&/p&&&&&&p&&&&&&&a href="#"&互联网出版许可证编号新出网证（京）字150号&/a&&&&&&&span&|&/span&&&&&&&a href="#"&出版物经营许可证&/a&&&&&&&span&|&/span&&&&&&&a href="#"&网络文化经营许可证京网文[3号&/a&&&&&&&span&|&/span&&&&&&&a href="#"&违法和不良信息举报电话：&/a&&&&&&/p&&&&&&p&&&&&&&a href="#"&Copyright @ &/a&&&&&&&a href="#"&京东JD.com版权所有&/a&&&&&&&span&|&/span&&&&&&&a href="#"&消费者维权热线：&/a&&&&&&&a href="#"&经营证照&/a&&&&&&/p&&&&&&p&&&&&&&a href="#"&京东旗下网站：京东钱包&/a&&&&&&&span&|&/span&&&&&&&a href="#"&京东云&/a&&&&&&/p&&&&&&p class="pic_href"&&&&&&&a href="#"&&/a&&&&&&&a href="#"&&/a&&&&&&&a href="#"&&/a&&&&&&&a href="#"&&/a&&&&&&&a href="#"&&/a&&&&&&&a href="#"&&/a&&&&&&/p&&&&&/div&&&&/div&&&/div&&!-- 固定广告条部分 --&&&div class="box_fix"&&&&img src="img/fix1.png" alt="" /&&&&a href="#"&&img src="img/fix2.png" alt="" /&&/a&&&&a href="#"&&img src="img/fix3.png" alt="" /&&/a&&&&a href="#"&&img src="img/fix4.png" alt="" /&&/a&&&&a href="#"&&img src="img/fix5.png" alt="" /&&/a&&&&a href="#"&&img src="img/fix6.png" alt="" /&&/a&&&/div&&/body&&/html&2、base.css---主要写一些样式重置的代码/*样式重置*/body,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,textarea{&margin: 0;&padding: 0;}a {&text-decoration:&color: #999;}li {&list-style:}img,input {&outline:&vertical-align:&border: 0;}body {&font-size: 12&font-family: "微软雅黑";&color: #999;&background-color: #f6f6f6;}table {&border-collapse:}/*放置一些公共的样式*/.clear:after {&display:&content: "";&clear:}/*IE兼容*/.clear {&zoom: 1;}.fl {&float:}.fr {&float:}.w {&width: 1190&margin: 0}3、head.css---主要写页面顶部的样式/*顶部广告样式开始*/.head_banner {&height: 80&background-color: #d32338;}.head_banner .w {&position:}.head_banner .w .close {&display:&width: 20&height: 20&font-size: 13&color: rgba(255,255,255,0.3);&line-height: 20&text-align:&background-color: rgba(0,0,0,0.3);&position:&top: 5&right: 5}.head_banner .w .close:hover {&color: rgba(255,255,255,0.8);&background-color: rgba(0,0,0,0.8);}/*顶部广告样式结束*//*头部导航部分开始*/.head_nav {&height: 30&background-color: #e3e4e5;&border-bottom: 1px #}.head_nav .w ul.fl li {&margin-left: 200&height: 30&line-height: 30&text-align:&border: 1px #e3e4e5&border-bottom:}.head_nav .w ul.fl li:hover{&background-color: #&border: 1px #e3e4e5&border-bottom:}.head_nav .w ul.fl li .iconfont {&/*margin-left: 10*/&color: #f10215;}/*.head_nav .w .fl .iconfont:hover {&background-color: #&border: 1px #&border-bottom:}*/.head_nav .w ul.fr li {&/*height: 10*/&&padding: 0 6&line-height: 30&float:}.head_nav .w ul.fr li a.red {&color:}.head_nav .w ul.fr li a:hover{&color: #f10215;}.head_nav .w ul.fr li .iconfont {&font-size: 9}.head_nav .w ul.fr li.line {&width: 1&height: 10&padding: 0;&& /*li设置了padding撑开，line不用撑开，把padding设为0*/&background-color: #&margin: 11px 6px 0 6}/*.head_nav .w .fr li a {&font-size: 12&color: #999;}.head_nav .w .fr a:hover {&font-size: 12&color: #f10215;}*/.head_nav .w .fr li .public {&/*font-size: 9*/&border: 1px #e3e4e5&border-bottom:&height: 29}.head_nav .w .fr li .public:hover {&background-color: #&border: 1px #&border-bottom:}/*小三角样式*/.head_nav .w .fr li.mobile {&position:}.head_nav .w .fr li.mobile:after {&display:&content: "";&width: 0;&height: 0;&border-top: 8&border-right: 8&border-bottom: 8px #&border-left: 8&position:&top: 18&left: 20}/*二维码样式*/.head_nav .w .fr li.mobile i {&width: 58&height: 58&border: 1px #&display:&background: url(../img/mobile_qrcode.png) no-&position:&left: 0&top: 31}/*头部导航部分结束*//*头部搜索区域开始*/.head_search {&height: 140}.head_search .w {&position:}.head_search .w .logo {&float:&position:&top: -30&/*margin-top: -30*/&box-shadow: 0px 0px 10px #}.head_search .w .search {&width: 548&height: 33&float:&margin-top: 25&margin-left: 320&border: 1px #f10215&position:}.head_search .w .search .text {&width: 498&height: 33&float:&text-indent: 4&& /*input框里的字体缩进*/}.head_search .w .search .btn {&width: 50&height: 33&background-color: #f10215;&float:}.head_search .w .search .iconfont {&position:&top: 7&&& right: 13&color: #&font-size: 20}.head_search .w .shopcart {&float:&width: 188&height: 33&line-height: 33&text-align:&font-size: 12&color: #f10215;&background-color: #&border: 1px #e3e4e5&margin-top: 25&margin-left: 35&position:}.head_search .w .shopcart em {&display:&font-style:&width: 14&height: 14&color: #&line-height: 14&text-align:&border-radius: 50%;&background-color: #f10215;&position:&top: 5&right: 34}/*热词搜索样式*/.head_search .w .hotwords {&float:&margin-left: 320&margin-top: 10}.head_search .w .hotwords ul li {&float:&font: 12px/12px "微软雅黑";&margin-right: 10}.head_search .w .hotwords a.red {&color:}.head_search .w .hotwords a:hover {&color:}/*主导航栏样式*/.head_search .w .main_nav {&float:&margin-left: 230&margin-top: 31}.head_search .w .main_nav ul li {&float:&font: 700 16px/16px "微软雅黑";&margin-right: 30}.head_search .w .main_nav ul li.line {&width: 1&height: 10&background-color: #&margin: 3px 20px 0 -10}.head_search .w .main_nav ul li a {&color: #555;}.head_search .w .main_nav ul li a:hover {&color:}/*小广告*/.head_search .w .small_banner {&margin-top: 12&display:&float:}/*头部搜索区域结束*/4、index.css---主要写轮播图部分和秒杀部分的样式/*轮播区域样式*/.con_lunbo {&height: 480&background: url(../img/a-bg.png) no-&z-index: -1;}&& /*背景图被压在版心下面，但是重新敲一遍，保存一遍就可以了，为什么？？*//*左侧导航列表样式*/.con_lunbo .w .side_nav {&width: 190&height: 480&background-color: #6e6568;}.con_lunbo .w .side_nav ul {&margin-top: 16}.con_lunbo .w .side_nav ul li {&height: 30&font: 12px/30px "微软雅黑";&color: #&padding-left: 12}.con_lunbo .w .side_nav ul li:hover {&background-color: rgba(255,255,255,0.3);}.con_lunbo .w .side_nav ul li a {&color: #}.con_lunbo .w .side_nav ul li a:hover {&color:}/*中间轮播区域样式*/.con_lunbo .w .lunbo {&width: 790&height: 480&margin: 0 10}.con_lunbo .w .lunbo .lb {&height: 340&margin-bottom: 10&overflow:&position:}.con_lunbo .w .lunbo .lb ul {&width: 8000}.con_lunbo .w .lunbo .lb ul li {&/*width: 790&height: 340*/&float:}.con_lunbo .w .lunbo .box_img {&height: 130}.con_lunbo .w .lunbo .lb ol.lb_nav {&width: 182&height: 12&padding: 4px 9&border-radius: 9&background-color: rgba(255,255,255,0.5);&position:&left: 50%;&bottom: 20&margin-left: -91}.con_lunbo .w .lunbo .lb ol.lb_nav li {&float:&width: 12&height: 12&background-color: #&border-radius: 50%;&margin-right: 10}.con_lunbo .w .lunbo .lb ol.lb_nav li:nth-last-child(1) {&margin: 0;}.con_lunbo .w .lunbo .lb ol.lb_nav li.active {&background-color:}/*右侧生活列表样式*/.con_lunbo .w .life_list {&width: 190&height: 480&background-color: #}/*上边登录部分样式*/.con_lunbo .w .life_list .life_top {&width: 190&height: 115&border-bottom: 1px #e6e6e6}.con_lunbo .w .life_list .life_top img {&width: 45&height: 45&border-radius: 50%;&margin: 15px 10px 10&float:}.con_lunbo .w .life_list .life_top p {&float:&font: 11px/11px "微软雅黑";&color: #666;&/*margin-top: 21&margin-left: 15&margin-bottom: 9*/&margin: 21px 0 15}.con_lunbo .w .life_list .life_top a {&float:&font: 11px/11px "微软雅黑";&color: #000;&font-weight:&margin-right: 9}.con_lunbo .w .life_list .life_top a:nth-child(1) {&& /*不起作用*/&margin-top: 15&& /*a是行内元素，没有margin，设置浮动以后就有margin了*/}.con_lunbo .w .life_list .life_top a:hover {&color:}.con_lunbo .w .life_list .life_top .fuli {&width: 168&height: 24&float:&margin-top: 15}.con_lunbo .w .life_list .life_top .fuli a {&float:&display:&width: 70&height: 20&border: 2px #e01222&font: 11px/20px "微软雅黑";&text-align:&color: #e01222;&background-color: #&margin: 0 10}.con_lunbo .w .life_list .life_top .fuli a:nth-child(2) {&margin: 0;}.con_lunbo .w .life_list .life_top .fuli a:hover {&color: #&background-color: #e01222;}/*中间促销部分样式*/.con_lunbo .w .life_list .life_middle {&width: 160&height: 147&& /*154px-7px*/&margin: 0}.con_lunbo .w .life_list .life_middle .life_title {&width: 147&&& /*160px-13px*/&height: 15&&&&& /*17px-2*/&margin-top: 7&border-bottom: 1px #e6e6e6&padding-bottom: 2}.con_lunbo .w .life_list .life_middle .life_title a {&float:&font: 11px "微软雅黑";&color: #333;&font-weight:}.con_lunbo .w .life_list .life_middle .life_title a.sale {&border-right: 1px #e6e6e6&padding-right: 13}.con_lunbo .w .life_list .life_middle .life_title a.gonggao {&margin-left: 15}.con_lunbo .w .life_list .life_middle .life_title a.more {&float:}.con_lunbo .w .life_list .life_middle .life_con {&height: 127}.con_lunbo .w .life_list .life_middle .life_con a {&font: 11px/23px "微软雅黑";&color: #666;&float:}.con_lunbo .w .life_list .life_middle .life_con a:nth-child(1) {& /*不生效，问题同上*/&margin-top: 19}.con_lunbo .w .life_list .life_middle .life_con a:hover {&color:}/*下边生活服务部分样式*/.con_lunbo .w .life_list .life_bottom {&width: 190&height: 210}.con_lunbo .w .life_list .life_bottom {&overflow:}.con_lunbo .w .life_list .life_bottom ul {&width: 192&overflow:&& /*为什么不起作用?????? 应该给ul的父元素设置overflow:*/}.con_lunbo .w .life_list .life_bottom ul li {&float:&width: 47&height: 69&border-top: 1px #e6e6e6&border-right: 1px #e6e6e6&position:}.con_lunbo .w .life_list .life_bottom ul li a i {&display:&width: 15&height: 18&background: url(../img/sprite_fs@1x.png) no-repeat -4px -88&text-align:&margin: 15px 16px 10px 15}.con_lunbo .w .life_list .life_bottom ul li:nth-child(2) a i {& /*不生效 */&width: 20&&&&&&&&&&& /*li包含a，应该是第二个li里的a，而不是第二个a*/&height: 20&background-position: -2px -45&margin-top: 17&margin-left: 13}.con_lunbo .w .life_list .life_bottom ul li a p {& /*不生效*/&font-size: 11px "微软雅黑";& /*刚开始设置的是span，span是行内元素，text-align:不起作用*/&color: #666;&text-align:}.con_lunbo .w .life_list .life_bottom ul li a b {&display:&width: 13&height: 16&background: url(../img/jian.png) no-&position:&top: 0;&right: 0;}/*秒杀部分样式*/.con_ms {&height: 305&margin-top: 10}/*标题左侧样式*/.con_ms .w .title {&height: 55&background: url(../img/seckill_hd.png) no-}.con_ms .w .title .left_title .corner {&display:&width: 25&height: 25&background: url(../img/sprite_index@1x.png) no-repeat -190px -48&float:&margin-top: -2&&& margin-left: -1}.con_ms .w .title .left_title .clock {&display:&width: 34&height: 40&background: url(../img/sprite_index@1x.png) no-repeat 0px -39&float:&margin-top: 8&margin-left: 31}.con_ms .w .title .left_title h4 {&float:&font: 24px/24px "微软雅黑";&color: #&margin-left: 10&margin-top: 16}.con_ms .w .title .left_title a {&float:&font-size: 13&color: #&margin-left: 15&margin-top: 25}.con_ms .w .title .left_title a i.right_arrow {&display: inline-&background: url(../img/sprite_index@1x.png) no-repeat -153px -39&width: 16&height: 17&vertical-align:}/*标题右侧时间样式*/.con_ms .w .title .right_time .left_text {&width: 55&height: 28&margin-top: 27&margin-right: 7&font: 12px/12px "微软雅黑";&color: #}.con_ms .w .title .right_time span {&float:}.con_ms .w .title .right_time span.hours,span.min,span.sec {&width: 35&height: 37&background-color: #440106;&border-radius: 3&font: 12px/37px "微软雅黑";&color: #f90013;&text-align:&margin-top: 10}.con_ms .w .title .right_time span.dot {&width: 4&height: 12&/*margin-top: 22*/&margin: 22px 4px 0;}.con_ms .w .title .right_time span.dot i {&display:&width: 4&height: 4&border-radius: 50%;&background-color: #440106;}.con_ms .w .title .right_time span.dot i:nth-child(1) {&margin-bottom: 4}.con_ms .w .title .right_time .right_text {&width: 70&height: 28&/*margin-top: 27&margin-left: 7&margin-right: 22*/&margin: 27px 22px 0 7&font: 12px/12px "微软雅黑";&color: #}/*下侧商品区域样式*/.con_ms .w .content .shopping {&height: 250&background-color: #&float:}.con_ms .w .content .shopping ul li {&float:&width: 199&height: 225&border-right: 1px #e7e7e7}.con_ms .w .content .shopping ul li a {&display:&width: 184&height: 195&margin-left: 15&text-align:&margin-bottom: 11&position:}.con_ms .w .content .shopping ul li a b.shop_icon {&width: 30&height: 40&display:&position:&z-index: 2;&color: #&text-align:&line-height: 40&font-weight:&background: url(../img/sprite_index@1x.png) no-repeat -53px -39}.con_ms .w .content .shopping ul li a img {&position:&top: 13}.con_ms .w .content .shopping ul li a p {&text-align:&margin-top: 15&height: 28&line-height: 14&overflow:& /*溢出内容隐藏*/}.con_ms .w .content .shopping ul li p.price span.newPrice {&color:&margin-left: 15&float:}.con_ms .w .content .shopping ul li p.price span.newPrice i {&font-size: 9&font-size:}.con_ms .w .content .shopping ul li p.price span.newPrice span {&font-size: 14&font-weight:}.con_ms .w .content .shopping ul li .oldPrice {&font-size: 9&float:&margin-left: 10&margin-top: 2}.con_ms .w .content .shopping ul li span.shadow {&width: 170&height: 22&display:&background: url(../img/sprite_index@1x.png) no-}/*下侧右边广告区域样式*/.con_ms .w .content .big_Img {&width: 190&float:}.con_ms .w .content .big_Img img {&float:}5、foot.css---主要写页面底部的样式.foot {&height: 567&background-color: #}/*上面 多快好省部分样式*/.foot .foot_top {&height: 102&border-bottom: 1px #}/*.foot .foot_top .w {&height: 102&border-bottom: 1px #}*/.foot .foot_top .w ul li {&float:&width: 297&height: 102&line-height: 102&/*text-align:*/&font-weight:}.foot .foot_top .w ul li h5 {&float:&width: 36&height: 42&margin-top: 30&margin-left: 36&line-height: 42&text-align:&font-size: 20&color: #e01121;&text-indent: -999999&& /*1、优化 2、客户体验*/&background: url(../img/ico_service.png) no-}.foot .foot_top .w ul li:nth-child(2) h5 {&/*background: url(../img/ico_service.png) no-repeat 0 -43*/&background-position:& 0 -43}.foot .foot_top .w ul li:nth-child(3) h5 {&/*background: url(../img/ico_service.png) no-repeat 0 -85*/&background-position: 0 -85}.foot .foot_top .w ul li:nth-child(4) h5 {&/*background: url(../img/ico_service.png) no-repeat 0 -127*/&background-position: 0 -127}.foot .foot_top .w ul li p {&float:&margin-left: 10&font-size: 18&color: #444444;}/*中间服务部分*//*.foot .service {&height: 200}*/.foot .service .w {&/*height: 200*/&border-bottom: 1px #}/*.foot .service .w .service_list {}*/.foot .service .service_list dl {&float:&width: 198}.foot .service .service_list dl dt {&margin-top: 26&margin-bottom: 15&font: 13px/13px "微软雅黑";&color: #666666;&font-weight:}.foot .service .service_list dl dd {&margin-bottom: 11&font: 11px/11px "微软雅黑";}.foot .service .map {&width: 200&background: url(../img/ico_footer.png) no-&height: 172&&&&&&&& /*不知道172怎么来的？？？？？？*/&background-position: 0 22}.foot .service .map h5 {&margin-top: 25&font: 13px/13px "微软雅黑";&font-weight:&color: #666666;&text-align:}.foot .service .w .map p {&margin: 23px 20px 0 10&font: 11px "微软雅黑";&line-height: 18}.foot .service .map a {&float:}.foot .service .map a:hover {&color:}/*尾部版权部分*/.foot .copyright p {&margin-bottom: 9&text-align:}.foot .copyright p:nth-child(1) {&margin-top: 19&margin-bottom: 17&font: 12px/12px "微软雅黑";&font-weight:}.foot .copyright p a {&margin: 0 9}.foot .copyright p a {&font: 13px/13px "微软雅黑";&color: #666;&text-align:}.foot .copyright p.pic_href {&width: 678&&& /*不知道678怎么来的？？测的是640*/&margin: 0}.foot .copyright p.pic_href a {&float:&display:&width: 103&height: 32&background: url(../img/ico_footer.png) no-&background-position: 0 -150&margin: 0;&margin-right: 10}.foot .copyright p.pic_href a:nth-child(2) {&background-position: -104px& -150}.foot .copyright p.pic_href a:nth-child(3) {&background-position: 0px& -183}.foot .copyright p.pic_href a:nth-child(4) {&background-position: -104px& -183}.foot .copyright p.pic_href a:nth-child(5) {&background-position: 0px& -216}.foot .copyright p.pic_href a:nth-child(6) {&background-position: -104px& -216}/*固定底部年货样式*/.box_fix {&width: 1334&height: 95&background: url(../img/footer-fix.png) no-&position:&left: 50%;&bottom: 0;&margin-left: -667}.box_fix&img:nth-child(1) {&margin-left: 104}.box_fix img {&margin-top: 15}.box_fix a:nth-child(2) {&margin-left: 76}&这是我写的京东首页的代码，主要用的是html和css，有很多不足之处，希望各位大神多多指教。
加: 01:54:02&
更: 01:54:04&
&&网站联系: qq: email:&
