做一个小米商城首页的头部

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <style> body {
font-size: 12px;
margin: 0;
} #top {
background-color: #333333;
height: 40px;
/*background-color: red;*/ }
a:link{
color: #b0b0b0
}
a:visited{color: #b0b0b0} a:hover {
color: #ffffee
}
#top-left{
width: 90%;
float: left;
}
#top a{
text-decoration: none;
font-weight: lighter;
}
#left-a{
padding: 12px 0;
width: 70%;
float: left;
}
#right-a{
padding: 12px 0;
float: right;
/*width: 30%;*/
}
#top-right{
height: 40px;
width: 10%;
float: right;
}
#shop-car{
background-color: #424242;
/*height: 40px;*/
padding: 11.5px 0px;
text-align: center;
width: 90%;
float: left;
}
</style>
<title>Title</title>
</head>
<body>
<div id="top">
<div id="top-left">
<div id="left-a">
<a href="02.html" target="_blank">小米商城</a>
<span style="color: #423c37">&nbsp;|&nbsp; </span>
<a href="02.html"target="_blank">MIUI</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html"target="_blank">loT</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html" target="_blank">云服务</a>
<span style="color: #423c37">&nbsp;|&nbsp; </span>
<a href="02.html"target="_blank">金融</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html"target="_blank">有品</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html" target="_blank">小爱开放</a>
<span style="color: #423c37">&nbsp;|&nbsp; </span>
<a href="02.html"target="_blank">企业团购</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html"target="_blank">资质证照</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html" target="_blank">协议规则</a>
<span style="color: #423c37">&nbsp;|&nbsp; </span>
<a href="02.html"target="_blank">下载app</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html"target="_blank">Select Location</a> </div>
<div id="right-a">
<a href="02.html" target="_blank">登录</a>
<span style="color: #423c37">&nbsp;|&nbsp; </span>
<a href="02.html"target="_blank">注册</a>
<span style="color: #423c37">&nbsp;|&nbsp;</span>
<a href="02.html"target="_blank">消息通知&nbsp;</a> </div>
</div>
<div id="top-right">
<div id="shop-car">
<a href="02.html"target="_blank">购物车(0)</a>
</div>
</div>
</div> </body>
</html>

day52作业的更多相关文章

  1. python 每周作业

    day2:python的简介与认识day2:# 1.写一个登录程序# username# passwd# 让用户输入账号和密码,输入用户和密码输入正确的话# 提示你 xxx,欢迎登录,今天的日期是xx ...

  2. python10作业思路及源码:类Fabric主机管理程序开发(仅供参考)

    类Fabric主机管理程序开发 一,作业要求 1, 运行程序列出主机组或者主机列表(已完成) 2,选择指定主机或主机组(已完成) 3,选择主机或主机组传送文件(上传/下载)(已完成) 4,充分使用多线 ...

  3. SQLServer2005创建定时作业任务

    SQLServer定时作业任务:即数据库自动按照定时执行的作业任务,具有周期性不需要人工干预的特点 创建步骤:(使用最高权限的账户登录--sa) 一.启动SQL Server代理(SQL Server ...

  4. 使用T-SQL找出执行时间过长的作业

        有些时候,有些作业遇到问题执行时间过长,因此我写了一个脚本可以根据历史记录,找出执行时间过长的作业,在监控中就可以及时发现这些作业并尽早解决,代码如下:   SELECT sj.name , ...

  5. T-SQL检查停止的复制作业代理,并启动

        有时候搭建的复制在作业比较多的时候,会因为某些情况导致代理停止或出错,如果分发代理时间停止稍微过长可能导致复制延期,从而需要从新初始化复制,带来问题.因此我写了一个脚本定期检查处于停止状态的分 ...

  6. Python09作业思路及源码:高级FTP服务器开发(仅供参考)

    高级FTP服务器开发 一,作业要求 高级FTP服务器开发 用户加密认证(完成) 多用户同时登陆(完成) 每个用户有不同家目录且只能访问自己的家目录(完成) 对用户进行磁盘配额,不同用户配额可不同(完成 ...

  7. 个人作业week3——代码复审

    1.     软件工程师的成长 感想 看了这么多博客,收获颇丰.一方面是对大牛们的计算机之路有了一定的了解,另一方面还是态度最重要,或者说用不用功最重要.这些博客里好些都是九几年或者零几年就开始学习编 ...

  8. 个人作业-week2:关于微软必应词典的案例分析

    第一部分 调研,评测 评测基于微软必应词典Android5.2.2客户端,手机型号为MI NOTE LTE,Android版本为6.0.1. 软件bug:关于这方面,其实有一些疑问.因为相对于市面上其 ...

  9. 软件工程第二次作业——git的使用

    1. 参照 http://www.cnblogs.com/xinz/p/3803109.html 的第一题,每人建立一个GitHub账号,组长建立一个Project,将本组成员纳入此Porject中的 ...

随机推荐

  1. 第12章 Java内存模型与线程

    参考<深入理解Java虚拟机> 一.Java内存模型 1.Java内存模型 2.内存间交互操作  流程图: 3.volatile关键字 两个特性: 3.1.保证变脸对所有线程的可见性: 由 ...

  2. 实验二 Linux系统简单文件操作命令

    项目 内容 这个作业属于哪个课程 班级课程的主页链接 这个作业的要求在哪里 作业要求链接接地址 学号-姓名 17041428-朱槐健 作业学习目标 1.学习在Linux系统终端下进行命令行操作 2.掌 ...

  3. [Google Guava] 强大的集合工具类:java.util.Collections中未包含的集合工具

    转载的,有问题请联系我 原文链接 译文链接 译者:沈义扬,校对:丁一 尚未完成: Queues, Tables工具类 任何对JDK集合框架有经验的程序员都熟悉和喜欢java.util.Collecti ...

  4. git安装和第一次提交过程

    1,新建文件夹test,运行命令 git init 2,找到test的.git文件夹,打开之后找到config文件,在最后边加上一句话 [user] email=your email name=you ...

  5. 数据库(mysql)基础操作

    DDL(数据定义语言)------>建库,建表 DML(数据操作语言)------>对表中的记录操作增删改查 DQL(数据查询语言)------>对表中的查询操作 DCL(数据控制语 ...

  6. 12个Python游戏中的龙穴探险,快速掌握基础,其实很简单

    越来越多的人学习python编程,但更多的人,拿着教程却不知道该怎么学. 今天我给大家举一个例子,是我自己学习python时,用到的方法.     首先,我是一名普通的程序员,相对于十几年开发经验的程 ...

  7. Apache Hudi:云数据湖解决方案

    1. 引入 开源Apache Hudi项目为Uber等大型组织提供流处理能力,每天可处理数据湖上的数十亿条记录. 随着世界各地的组织采用该技术,Apache开源数据湖项目已经日渐成熟. Apache ...

  8. 【String注解驱动开发】你了解@PostConstruct注解和@PreDestroy注解吗?

    写在前面 在之前的文章中,我们介绍了如何使用@Bean注解指定初始化和销毁的方法,小伙伴们可以参见<[Spring注解驱动开发]如何使用@Bean注解指定初始化和销毁的方法?看这一篇就够了!!& ...

  9. 微信小程序上传Word文档、PDF、图片等文件

    <view class="main" style="border:none"> <view class="title"&g ...

  10. C#数据结构与算法系列(十五):排序算法(SortAlgorithm)

    1.介绍 排序是将一组数据,以指定的顺序进行排序的过程 2.分类 内部排序法:指将需要处理的所有数据都加载到内部存储器中进行排序 外部排序法:数据量过大,无法全部加载到内存中,需要借助外部存储进行排序