文档章节

今日总结

军临天下1
 军临天下1
发布于 2016/04/21 17:09
字数 1015
阅读 5
收藏 0
<!DOCTYPE html>
<lang=>
<>
    <name=content=>
    <charset=>
    <>咖啡</>

    <rel=type=href=/>
</>
<>
<--!从12行到18行将标头完成-->
 <class=>
    <class=>
       <class=><href=target=><src=/></></>
    </>
    <class=>外卖</>
    <class=></>
 </>
<--!从20行到27行将四个小div完成-->
 <class=>
   <class=>
     <class=><src=/><class=>销量</></>
     <class=><src=/><class=>套餐</></>
     <class=><src=/><class=>单品</></>
     <class=><src=/><class=>饮料</></>
   </>
 </>
<--!从29行到97行将整个盛放整个图片的主体完成完成-->
 <class=>
    <class=>
        <class=>
             <class=>
                 素外咖啡原价56元,现在只需25元,速来抢购!
             </>
        </>
        <class=>素外咖啡</>
        <class=>¥25<class=>¥56</></>
        <href=target=><class=src=></>
        <href=target=><class=src=></>
        <class=>1</>
    </>

    <class=>
        <class=>
            <class=>
              素外咖啡原价56元,现在只需25元,速来抢购!
            </>
        </>
        <class=>素外咖啡</>
        <class=>¥25<class=>¥56</></>
        <href=target=><class=src=></>
    </>

    <class=>
        <class=>
           <class=>
              素外咖啡原价56元,现在只需25元,速来抢购!
           </>
        </>
        <class=>素外咖啡</>
        <class=>¥25<class=>¥56</></>
        <href=target=><class=src=></>
    </>

    <class=>
        <class=>
            <class=>
              素外咖啡原价56元,现在只需25元,速来抢购!
            </>
        </>
        <class=>素外咖啡</>
        <class=>¥25<class=>¥56</></>
        <href=target=><class=src=></>
    </>

     <class=>
        <class=>
            <class=>
                素外咖啡原价56元,现在只需25元,速来抢购!
            </>
        </>
        <class=>素外咖啡</>
        <class=>¥25<class=>¥56</></>
        <href=target=><class=src=></>
      </>

     <class=>
         <class=>
            <class=>
                素外咖啡原价56元,现在只需25元,速来抢购!
            </>
         </>
         <class=>素外咖啡</>
         <class=>¥25<class=>¥56</></>
         <href=target=><class=src=></>
     </>
 </>
<--!从99行到106行将底部完成-->
 <class=>
    <class=>¥25</>
    <class=>
        <href=target=>
        <class=>选好了</>
        </>
    </>
 </>
</>
</>

html,body{margin:0;padding:0;width:100%;height:100%;  }
/*第一张div标签样式,盛放了两张子div和外卖二字*/
.u1{
      width: 640px;
    height: 125px;
    background-color: rgb(114,46,2);
    margin-bottom: 10px;
    text-align: center;
}
/*第一张div的子元素,用来盛放返回按钮 */
.u11{
    width:100px;
    height: 125px;
    background-color:rgb(114,46,2);
    float: left;
    text-align: center;
    position: relative;
}
/* 第一张div的第二个子div,用来使外卖二字能够居中,以后还能用来盛放别的按钮*/
.u12{
    width:100px;
    height: 125px;
    background-color:rgb(114,46,2);
    float: right;

}
/* 一张大div,用来盛放除顶部和底部所有的div,用来作出滚动效果*/
.u{
    overflow: auto;
    width: 640px;
    height:-moz-calc(100% - 330px) ;
    height: -webkit-calc(100% - 330px);
    margin-bottom: 10px;
    background-color: rgb(229,229,229);
}
/* 用来盛放四个小div,可使四个小div水平居中*/
.u2{
    width:568px;
    height:60px;
    margin:0 auto;
}
/*使四个小div在pc端也显示正常 */
.uu{
    width: 640px;
    height: 60px;
    margin-bottom: 10px;
  }


/*第一个小div样式*/
.x1{
    width: 140px;
    height: 60px;
    border: solid 1px rgb(114,46,2);
    float:left;
    background-color:rgb(114,46,2) ;
 }
/*文字样式*/
.x11{
    color: white;
    font-size: 26px;
    line-height: 60px;
    float: right;
    position: relative;
    right: 15px;
}
/* 第二个小div的样式*/
.x2{
    width: 140px;
    height: 60px;
    border: solid 1px rgb(114,46,2);
    float:left;
}
/*文字样式*/
.x21{
    color: rgb(114,46,2);
    font-size: 26px;
    line-height: 60px;
    float: right;
    position: relative;
    right: 15px;


}
/* 第二个小div的样式*/
.x3{
    width: 140px;
    height: 60px;
    border: solid 1px rgb(114,46,2);
    float:left;
}
/* 第二个小div的样式*/
.x4{
    width: 140px;
    height: 60px;
    border: solid 1px rgb(114,46,2);
    float:left;
}
/* 左边两个盛放咖啡图片的div的样式*/
.u3{
    width: 300px;
    margin-left:17px;
    margin-right:3px;
    height:370px;
    background-color: white;
    float:left;
    margin-bottom: 10px;
    background-image: url("../images/qw.jpg");
    background-repeat: no-repeat;
}
/* 右边两个盛放咖啡图片的div的样式*/
.u4{
    width: 300px;
    margin-left:3px;
    margin-right:17px;
    height:370px;
    background-color:white;
    float:left;
    margin-bottom: 10px;
    background-image: url("../images/qw.jpg");
    background-repeat: no-repeat;
}
/* 用来盛放底部购物篮的div*/
.u7{
    width: 640px;
    height: 115px;
    background-color: rgb(248,248,248);
    float: left;
    background-image: url(../images/tb6.jpg);
    background-repeat: no-repeat;
}
.u71{
    width: 177px;
    height: 72px;
    background-color:rgb(114,46,2) ;
    float: right;
    position: relative;
    right: 32px;
    top: 21px;
    text-align: center;
}
/* 让返回图片能垂直居中div*/
.s1{
    height:44px;
    position: absolute;
    top:50%;
    margin-top: -22px;
}
/*让外卖俩字垂直居中div*/
.s2{

    font-size: 45px;
    color: white;
    line-height: 125px;
}
/* 处理各种链接样式*/
a:link,a{
    outline:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
/* 用来盛放汉字的div样式*/
.u31{
    position: relative;
    top: 137px;
    width: 236px;
    height: 95px;
    margin:0 auto;
    text-align: left;
}
/* 让段落在div中垂直居中*/
.u311{
    height: 60px;
    line-height: 30px;
    position: absolute;
    top: 50%;;
    font-size: 18px;

    color: white;
    margin-top: -30px;
}
.p1{
    width: 200px;
    position:relative;
    top: 135px;
    left: 25px;
    font-size: 25px;
    color: rgb(114,46,2);
}
.p2{
    width: 100px;
    position:relative;
    top: 145px;
    left: 25px;
    font-size: 27px;
    color: rgb(255,60,0);

}
.p3{
    width: 100px;
    text-decoration: line-through;
    font-size: 14px;
    color: rgb(150,150,150);
}
.p4{
    position:relative;
    top: 70px;
    left: 240px;
}
.p5{
    position: relative;
    left: 130px;
    color:rgb(255,60,0) ;
    font-size: 30px;
    line-height: 115px;
    float: left;
}
.p6 {
    position: absolute;
    width: 177px;
    top:50%;
    height: 40px;
    margin-top: -20px;
    line-height: 40px;
    color: white;
    font-size: 30px;

}
.p7{
    width: 5px;
    font-size: 27px;
    color: rgb(114,46,2);
    position:relative;
    left: 220px;

}
.p8{text-align: center;
    position:relative;
    top: 70px;
    left: 115px;
    }

© 著作权归作者所有

军临天下1
粉丝 1
博文 3
码字总数 1482
作品 0
唐山
私信 提问
[工作日志]2017-02-15

Keep:今日完成了哪些工作 1、发布web端0.9.4版本 50% (等app一起更新测试环境) 2、了解Scrum 50% (理论大致理解,后续在实践中总结) 3、hiweb增加医生端完诊区分患者结束还是医生结束,控制...

胖子程序猿
2017/02/15
1
0
Fusioncharts API参考方法(Functions)总结

继FusionCharts事件API总结后,今日为各位带来了Fusioncharts API参考方法(Functions)总结,希望对大家有帮助。

panda456
2014/05/09
434
0
[工作日志]2017-03-01

Keep:今日完成了哪些工作 web端bug梳理 100% (开始修复) 医生app第一个sprint总结 100% 生成环境问题处理 100% Problem:遇到了什么问题? 生产环境nginx连接问题 Try:准备尝试哪些措施 修...

胖子程序猿
2017/03/01
3
0
对“统计字符串各字符出现的次数”问题的思考

/问题:统计字符串中各个字符出现的次数按照正常的思路,写出了如下代码:/char[] chs = str.toCharArray();Map<Character,Integer> map = new TreeMap<Character,Integer>();for(int i=0;i......

过期牛奶
2014/04/03
55
5
1017学习总结4天,心急没用,专。类和实例

1、学习4节,学习4.5小时 2、仰卧起坐150 100% 3、知乎 0 今日累计学习3小时20分钟 6:40—7:20 8:10—8:50(其中25分钟在写总结) 10:20—1:00(一直在学习类和实例,封装,方法) 自己的心态一直...

夜希辰
2018/10/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

可见性有序性,Happens-before来搞定

写在前面 上一篇文章并发 Bug 之源有三,请睁大眼睛看清它们 谈到了可见性/原子性/有序性三个问题,这些问题通常违背我们的直觉和思考模式,也就导致了很多并发 Bug 为了解决 CPU,内存,IO ...

tan日拱一兵
42分钟前
3
0
网络七层模型与TCP/UDP

为了使全球范围内不同的计算机厂家能够相互之间能够比较协调的进行通信,这个时候就有必要建立一种全球范围内的通用协议,以规范各个厂家之间的通信接口,这就是网络七层模型的由来。本文首先...

爱宝贝丶
45分钟前
7
0
Jenkins World 贡献者峰会及专家答疑展位

本文首发于:Jenkins 中文社区 原文链接 作者:Marky Jackson 译者:shunw Jenkins World 贡献者峰会及专家答疑展位 本文为 Jenkins World 贡献者峰会活动期间的记录 Jenkins 15周岁啦!Jen...

Jenkins中文社区
今天
10
0
杂谈:面向微服务的体系结构评审中需要问的三个问题

面向微服务的体系结构如今风靡全球。这是因为更快的部署节奏和更低的成本是面向微服务的体系结构的基本承诺。 然而,对于大多数试水的公司来说,开发活动更多的是将现有的单块应用程序转换为...

liululee
今天
8
0
OSChina 周二乱弹 —— 我等饭呢,你是不是来错食堂了?

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @ 自行车丢了:给主编推荐首歌 《クリスマスの夜》- 岡村孝子 手机党少年们想听歌,请使劲儿戳(这里) @烽火燎原 :国庆快来,我需要长假! ...

小小编辑
今天
1K
14

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部