某东购物网最上边的导航条练习
.........
<title>某东购物网最上边的导航条练习</title>
引入重置样式表
<link rel=“stylesheet”href=“重置样式表”>
引入图标字体
<link rel=“stylesheet”href=“图标字体”>
</head>
<body>
创建外围容器
<div class=“top-bar-wrapper”>
创建内部容器
<div class=“top-tar”>
左侧的菜单
<div class=“locateion”>
<div class=“current-city”>
<a href=“javascript:;”>北京</a>
</div>
右侧的菜单
<ul class=“shortcut”>
<li>
<a href=“javascript:;”>你好,请登录</a>
<a href=“javascript:;”>免费注册</a>
</li>
分割线
<li class=“line”></li>
<li><a href=“javascript:;”>我的订单</a></li>
<li class=“line”></li>
<li>
<a href=“javascript:;”>我的某东</a>
<i class=“fas fa-angle-down”></i>
</li>
<li class=“line”></li>
<li><a href=“javascript:;”>某东会员</a></li>
<li class=“line”></li>
<li>
<a href=“javascript:;”>企业采购</a>
<i class=“fas fa-angle-down”></i>
</li>
<li class=“line”></li>
<li>
<span>客户服务</span>
<i class=“fas fa-angle-down”></i>
</li>
<li class=“line”></li>
<li>
<span>网站导航</span>
<i class=“fas fa-angle-down”></i>
</li>
<li class=“line”></li>
<li>
<span>手机某东</span>
</li>
</ul>
</body>
这是第一步,还有后续,