html+css学习笔记021-结业(静态网站布局-努比亚)

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

不要忘记自己当初学前端的目的

......

html部分:

<!doctype html> <!-- 网页申明:html标准文档 -->
<html lang='en'> <!-- 网页框架:英文 -->
 <head> <!-- 网页头部:网页定义区域 -->
  <meta charset='UTF-8'> <!-- 文字编码:国际通用 -->
  <meta name='Keywords' content='努比亚商城,北京努比亚,努比亚官网'> <!-- 关键词:搜索优化 -->
  <meta name='Description' content='努比亚(nubia),新锐智能手机品牌,定位高端市场,立足中国面向全球,以“Be Yourself”为品牌理念。努比亚手机产品拥有诸多单反级摄影功能,被称为“可以拍星星的手机”。努比亚在业内首创了“全网通”,并通过搭载FiT交互技术的全球首款“无边框手机”nubia Z9为广大用户认可。世界足坛巨星C·罗纳尔多任努比亚品牌代言人。'> <!-- 网页描述:网页简介 -->
  <meta name='Author' content='Mr.柳上原'> <!-- 网页开发者:我自己 -->
  <title>前端59期html+css结业《努比亚商城》</title> <!-- 网页标题:可见标题栏 -->
  <link rel='shortcut icon' type='images/x-icon' href='./icons/bitbug_favicon.ico'/> <!-- 网页标题图标 -->
   <link rel='stylesheet' type='text/css' href='./css/base.css'/>
  <link rel='stylesheet' type='text/css' href='./css/index.css'/> <!-- 外链样式表:给我的下任看的 -->
  <!-- 

        标准键盘布局 
        ┌───┐   ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐ 
        │Esc│   │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│  ┌┐    ┌┐    ┌┐ 
        └───┘   └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘  └┘    └┘    └┘ 
        ┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐ 
        │~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │ 
        ├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤ 
        │ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ | \ │ │Del│End│PDn│ │ 7 │ 8 │ 9 │   │ 
        ├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │ 
        │ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│" '│ Enter  │               │ 4 │ 5 │ 6 │   │ 
        ├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤     ┌───┐     ├───┼───┼───┼───┤ 
        │ Shift  │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│  Shift   │     │ ↑ │     │ 1 │ 2 │ 3 │   │ 
        ├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││ 
        │ Ctrl│    │Alt │         Space         │ Alt│    │    │Ctrl│ │ ← │ ↓ │ → │ │   0   │ . │←─┘│ 
        └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘ 
         
        //                  写字楼里写字间,写字间里程序员;  
        //                  程序人员写程序,又拿程序换酒钱。  
        //                  酒醒只在网上坐,酒醉还来网下眠;  
        //                  酒醉酒醒日复日,网上网下年复年。  
        //                  但愿老死电脑间,不愿鞠躬老板前;  
        //                  奔驰宝马贵者趣,公交自行程序员。  
        //                  别人笑我忒疯癫,我笑自己命太贱;  
        //                  不见满街漂亮妹,哪个归得程序员?  
         
    -->
  <style type='text/css'> /* 内部样式表:给自己看的,懒得切换css表,做完后会全部注释掉 */

  </style>  
</head>
<body>
    <!--顶部区-->
    <div class='top'>
        <div class='top_in'>
            <div class='top_left'>
                <h1>
                    <a href='javascript:;' title='努比亚'></a>
                </h1>
            </div>
            <div class='top_right'>
                <ul class='top_nav'>
                    <li>
                        <a href='javascript:;'>首页</a>
                    </li>
                    <li>
                        <a href='javascript:;'>商城</a>
                    </li>
                    <li>
                        <a href='javascript:;'>产品</a>
                    </li>
                    <li>
                        <a href='javascript:;'>应用</a>
                    </li>
                    <li>
                        <a href='javascript:;'>服务</a>
                    </li>
                    <li>
                        <a href='javascript:;'>体验店</a>
                    </li>
                    <li>
                        <a href='javascript:;'>社区</a>
                    </li>
                </ul>
                <ul class='top_login'>
                    <li>
                        <a href='javascript:;'>登陆</a>
                    </li>
                    <li>
                        <a href='javascript:;'>注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--广告区-->
    <div class='banner'>
        <div class='nav_out'>
            <div class='nav'>
                <ul>
                    <li>
                        <a href='javascript:;'>
                            <img src='./images/nav-phone1.png' alt='新款'/>
                        </a>
                        <p>z11S mini <span style='color:red;'>新款</span></p>
                    </li>
                    <li>
                        <a href='javascript:;'>
                            <img src='./images/nav-phone2.png' alt='新款'/>
                            <p>z11</p>
                        </a>
                    </li>
                    <li>
                        <a href='javascript:;'>
                            <img src='./images/nav-phone3.png' alt='新款'/>
                            <p>z11 Max</p>
                        </a>
                    </li>
                    <li>
                        <a href='javascript:;'>
                            <img src='./images/nav-phone4.png' alt='新款'/>
                            <p>z11 mini</p>
                        </a>
                    </li>
                    <li>
                        <a href='javascript:;'>
                            <img src='./images/nav-phone5.png' alt='新款'/>
                            <p>N1</p>
                        </a>
                    </li>
                    <li>
                        <a href='javascript:;'>
                            <img src='./images/nav-phone6.png' alt='新款'/>
                            <p>布拉格S</p>
                        </a>
                    </li>
                    <li>
                        <a href='javascript:;'>
                            <img src='./images/nav-phone7.png' alt='新款'/>
                            <p>my 布拉格</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class='figure'>
            <img src='./images/banner.jpg' alt='新款'/>
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <div class='video'>
            <ul>
                <li>
                    <img src='./images/video1.jpg' alt='新款'/>
                    <div class='video_info'>
                        <img src='./images/nb-pro-video-ico-s.png' alt='新款'/>
                        <h3>z11 黑金版</h3>
                        <p>产品视频</p>
                    </div>
                </li>
                <li>
                    <img src='./images/video2.jpg' alt='新款'/>
                    <div class='video_info'>
                        <img src='./images/nb-pro-video-ico-s.png' alt='新款'/>
                        <h3>z11 黑金版</h3>
                        <p>产品视频</p>
                    </div>
                </li>
                <li>
                    <img src='./images/video3.jpg' alt='新款'/>
                    <div class='video_info'>
                        <img src='./images/nb-pro-video-ico-s.png' alt='新款'/>
                        <h3>z11 黑金版</h3>
                        <p>产品视频</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--内容去-->
    <div class='content'>
        <dl>
            <dt>
                <h3>最新产品</h3>
                <p>查看全部手机&raquo;</p>
            </dt>
            <dd>
                <ul class='content_phone'>
                    <li>
                        <img src='./images/con-phone1.jpg' alt='新款'/>
                        <div class='phone_des'>
                            <h4>Z11极光蓝</h4>
                            <p>激光蓝</p>
                            <span>一探究竟</span>
                        </div>
                    </li>
                    <li>
                        <img class='img_scale' src='./images/con-phone2.jpg' alt='新款'/>
                        <div class='phone_des'>
                            <h4>nobia z11 miniS</h4>
                            <p>手机摄影专家</p>
                            <span>一探究竟</span>
                        </div>
                    </li>
                    <li>
                        <img src='./images/con-phone3.jpg' alt='新款'/>
                        <div class='phone_des'>
                            <h4>nobia z11咖啡金</h4>
                            <p>无边框旗舰手机</p>
                            <span>一探究竟</span>
                        </div>
                    </li>
                    <li>
                        <img class='img_scale' src='./images/con-phone4.jpg' alt='新款'/>
                        <div class='phone_des'>
                            <h4>nobia z11 Max</h4>
                            <p>大不同</p>
                        </div>
                    </li>
                    <li>
                        <img class='img_scale' src='./images/con-phone5.jpg' alt='新款'/>
                        <div class='phone_des'>
                            <h4>nobia z11 mini</h4>
                            <p>小世界大精彩</p>
                        </div>
                    </li>
                </ul>
            </dd>
            <dt>
                <h3>精选配件</h3>
                <p>查看全部配件&raquo;</p>
            </dt>
            <dd>
                <ul class='content_product'>
                    <li>
                        <img src='./images/accessories1.jpg' alt='新款'/>
                        <p>努比亚快充移动电源</p>
                    </li>
                    <li>
                        <img src='./images/accessories2.jpg' alt='新款'/>
                        <p>努比亚圆铁耳机</p>
                    </li>
                    <li>
                        <img src='./images/accessories3.jpg' alt='新款'/>
                        <p>努比亚快炫美自拍杆</p>
                    </li>
                    <li>
                        <img src='./images/accessories4.jpg' alt='新款'/>
                        <p>nubia摄影三脚架</p>
                    </li>
                </ul>
            </dd>
        </dl>
    </div>
    <!--底部区-->
    <div class='footer'>
        <div class='footer_in'>
            <div class='footer_top'>
                <img src='./images/nb-pro-ft-logo-x2.jpg' alt='新款'/>
                > 全部机型
                <div class='footer_content'>
                    <dl>
                        <dt>Z系列</dt>
                        <dd>
                            <a href='javascript:;'>nubia Z11</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>nubia Z11 Max</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>nubia Z11 mini</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>M系列</dt>
                        <dd>
                            <a href='javascript:;'>nubia 布拉格S</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>nubia</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>配件</dt>
                        <dd>
                            <a href='javascript:;'>保护壳</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>皮套</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>贴膜</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>耳机</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>数据线/充电器</a>
                        </dd>
                        <dd>
                            <a href='javascript:;'>周边产品</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class='footer_bottom'>
                <ul class='footer_copyright'>
                    <li>
                        <a href='javascript:;'>关于我们</a> |
                    </li>
                    <li>
                        <a href='javascript:;'>联系我们</a> |
                    </li>
                    <li>
                        <a href='javascript:;'>新闻中心</a> |
                    </li>
                    <li>
                        <a href='javascript:;'>加入我们</a> |
                    </li>
                    <li>
                        <a href='javascript:;'>合作注册</a>|
                    </li>
                    <li>
                        <a href='javascript:;'>公益</a> |
                    </li>
                    <li>
                        <a href='javascript:;'>以旧换新</a> |
                    </li>
                    <li>
                        <a href='javascript:;'>问题反馈</a> |
                    </li>
                    <li>
                        <a href='javascript:;'>简体中文</a> |
                    </li>
                </ul>
                <ul class='footer_social'>
                    <li>
                        <a href='javascript:;'></a>
                    </li>
                    <li>
                        <a href='javascript:;'></a>
                    </li>
                    <li>
                        <a href='javascript:;'></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

css部分1,base.css:

@charset "utf-8";
/* 清空默认样式 */
html{
    color:#000;
    background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
ol,ul{
    list-style:none;
}
caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
q:before,q:after{
    content:'';
}
abbr,acronym{
    border:0;
    font-variant:normal;
}
sup{
    vertical-align:text-top;
}
sub{
    vertical-align:text-bottom;
}
input,textarea,select{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    *font-size:100%;
}
legend{
    color:#000;
}
a{
    text-decoration:none;
    color:#999;
}
/*设置全局样式*/
body{
    font-family: "微软雅黑";
    font-size: 12px;
    color: #999;
    background-color: #f5f5f5;
}

css部分2,index.css:

@charset "utf-8";
/* 头部开始 */
.top{
    height:60px;
    background-color:black;
}
.top .top_in{
    width:1200px;
    height:100%;
    margin:0px auto;
}
.top .top_left{
    float:left;
    height:100%;
    width:190px;
    overflow:hidden;
}
.top .top_left > h1{
    width:100%;
    height:100%;
}
.top .top_left > h1 a{
    display:inline-block;
    width:100%;
    height:100%;
    background:url('../images/nubia-logo.png');
}
.top .top_right{
    float:right;
    height:100%;
    width:740px;
}
.top .top_nav{
    float:left;
    width:550px;
    height:100%;
}
.top .top_nav > li{
    float:left;
}
.top .top_nav > li > a{
    font-size:16px;
    font-weight:bold;
    color:#ccc;
    text-align:center;
    line-height:60px;
    margin-left:40px;
}
.top ul > li > a:hover{
    color:#e82707;
}
.top .top_login{
    float:right;
    width:150px;
    height:100%;
}
.top .top_login > li{
    float:right;
    text-align:center;
    line-height:60px;
    margin-left:10px;
}
.top .top_login > li:nth-child(3){
    width:30px;
    height:30px;
    background:url('../images/nubia-syb-all.png');
    margin-top:15px;
}
.top .top_login > li > a{
    font-size:16px;
    font-weight:bold;
    color:#ccc;
}
/* 广告区 */
.banner{
    height:860px;
}
.banner .nav_out{
    width:100%;
    height:121px;
    position:absolute;
    background-color:#fff;
    z-index:998;
}
.banner .nav{
    height:121px;
    width:1200px;
    margin:0px auto;
}
.banner .nav > ul{
    width:100%;
    height:100%;
    margin:0px auto;
    padding-left:75px;
    padding-right:75px;
    box-sizing:border-box;
}
.banner .nav > ul > li{
    float:left;
    width:150px;
    height:100%;
    text-align:center;
}
.banner .nav > ul > li img{
    width:120px;
    height:80px;
    margin-top:15px;
}
.banner .nav > ul > li:hover{
    border-bottom:2px solid red;
    box-sizing:border-box;
}
.banner .figure{
    height:600px;
    width:100%;
    background-color:#fff;
    text-align:center;
    overflow:hidden;
    position:relative;
}
.banner .figure > img{
    height:100%;
    margin:0px -100%;
}
.banner .figure > ol{
    width:150px;
    height:20px;
    position:absolute;
    left:50%;
    margin-left:-75px;
    bottom:10px;
}
.banner .figure > ol > li{
    border-radius:50%;
    float:left;
    width:8px;
    height:8px;
    background-color:#cccccc;
    margin-left:15px;
    border:2px solid transparent;
    transition:border 1s;
}
.banner .figure > ol > li:hover{
    border:2px solid red;
    background-color:transparent;
    transform:scale(1.2,1.2);
}
.banner .video{
    width:1200px;
    height:250px;
    margin:0 auto;
    margin-top:10px;
    background-color:#ff6247;
}
.banner .video > ul{
    width:100%;
    height:100%;
    background-color:forestgreen;
}
.banner .video > ul > li{
    width:396px;
    height:250px;
    float:left;
    margin-right:3px;
    text-align:center;
    overflow:hidden;
    position:relative;
    background-color:black;
}
.banner .video > ul > li > img{
    height:100%;
    margin:0 -100%;
}
.banner .video .video_info{
    width:100%;
    height:155px;
    position:absolute;
    bottom:0;
    opacity:0;
    transition:opacity 1s;
}
.banner .video .video_info > h3{
    font-size:16px;
    line-height:40px;
    color:white;
}
.banner .video .video_info > p{
    color:white;
}
.banner .video > ul > li:hover .video_info{
    opacity:1;
}
.banner .video > ul > li:hover >img{
    opacity:0.5;
}
.banner .video > ul > li:hover .video_info >img{
    animation:sport 2s .5s ease-in-out infinite;
}
@keyframes sport{
    20%{transform: scale(.8);}
    40%{transform: scale(1.2);}
    60%{transform: scale(.9);}
    80%{transform: scale(1);}
    100%{transform: scale(1);}
}
/* 内容区 */
.content{
    height:1883px;
}
.content > dl{
    width:1200px;
    height:100%;
    margin:0 auto;
    overflow:hidden;
}
.content > dl > dt{
    text-align:center;
    margin-top:40px;
    margin-bottom:30px;
}
.content > dl > dt > h3{
    font-size:35px;
    color:#333;
    margin-bottom:20px;
}
.content > dl > dt > p{
    color:#e8304e;
    margin-top:20px;
}
.content .content_phone{
    width:1200px;
    height:1200px;

}
.content .content_phone > li{
    float:left;
    background-color:#fff;
    position:relative;
    overflow:hidden;
}
.content .content_phone > li:nth-child(1){
     width:1200px;
     height:395px;
    margin-bottom:10px;
 }
.content .content_phone > li:nth-child(2){
    width:395px;
    height:795px;
    margin-right:10px;
}
.content .content_phone > li:nth-child(3){
    width:795px;
    height:390px;
    margin-bottom:10px;
}
.content .content_phone > li:nth-child(4){
    width:390px;
    height:395px;
    margin-right:10px;
}
.content .content_phone > li:nth-child(5){
    width:395px;
    height:395px;
}
.content .content_phone > li > img{
    width:100%;
    transition:all 1s;
}
.content .content_phone > li:nth-child(1) > img{
    margin-top:60px;
}
.content .content_phone .phone_des{
    width:200px;
    position:absolute;
    left:50%;
    margin-left:-100px;
    bottom:10px;
    text-align:center;
}
.content .content_phone .phone_des > h4{
    font-size:20px;
    color:#000;
}
.content .content_phone .phone_des > p{
    font-size:15px;
    margin-bottom:10px;
    color:#999999;
}
.content .content_phone .phone_des > span{
    display:inline-block;
    width:108px;
    height:32px;
    text-align:center;
    line-height:32px;
    border:1px solid #ccc;
    border-radius:10px;
    color:#000;
}
.content .content_phone > li:nth-child(1) .phone_des{
    left:0%;
    margin-left:800px;
    bottom:150px ;
}
.content .content_phone > li:nth-child(1) img{
    margin-left:-100px;
}
.content .content_phone > li:nth-child(1):hover img {
    margin-left:0;
}
.content .content_phone > li:nth-child(3) img{
    margin-left:100px;
}
.content .content_phone > li:nth-child(3):hover img {
    margin-left:0;
}
.content .content_phone > li:hover .img_scale{
    transform:scale(1.2,1.2);
}
.content .content_product{
    width:1200px;
    height:300px;
    display:flex;
    justify-content:space-between;
}
.content .content_product > li{
    width:295px;
    height:300px;
    float:left;
    background-color:white;
    margin-left:4px;
    overflow:hidden;
}
.content .content_product > li > img{
    width:100%;
    transition:all 1s;
}
.content .content_product > li > p{
    margin-top:20px;
    text-align:center;
}
.content .content_product > li:hover img{
    transform:scale(1.2,1.2);
}
/* 底部区 */
.footer{
    height:396px;
}
.footer .footer_top{
    width:1200px;
    border-top:1px solid #ccc;
    margin:0 auto;
}
.footer .footer_content{
    margin-top:20px;
    padding-left:100px;
    overflow:hidden;
}

.footer .footer_content > dl{
    float:left;
    width:200px;
}
.footer .footer_content > dl > dt{
    color:#000;
    font-size:14px;
    line-height:30px;
}
.footer .footer_content > dl > dd{
    line-height:20px;
}
.footer .footer_content > dl > dd a:hover{
    color:red;
}

.footer .footer_copyright{
    list-style:none;
    float:left;
    margin-top:10px;
}
.footer .footer_copyright > li{
    float:left;
    padding:10px;
    font-size:10px;
    margin-left:10px;
}
.footer .footer_copyright > li:hover a{
    color:#000;
}
.footer .footer_social{
    float:left;
    margin-left:50px;
    list-style:none;
    margin-top:10px;
    font-size:20px;
}
.footer .footer_social > li{
    float:left;
    width:30px;
    height:30px;
    margin-right:10px;
}
.footer .footer_social > li a{
    display:inline-block;
    width:30px;
    height:30px;
    background:url('../images/nubia-syb-all.png');
}
.footer .footer_social > li:nth-child(1) a{
    background-position:-246px 0;
}
.footer .footer_social > li:nth-child(2) a{
    background-position:-186px 0;
}
.footer .footer_social > li:nth-child(3) a{
    background-position:-126px 0;
}
.footer .footer_social > li:nth-child(4) a{
    background-position:-156px 0;
}
.footer .footer_info{
    float:left;
    font-size:10px;
    line-height:30px;
}
.footer .footer_bottom{
    width:740px;
    margin:0px auto;
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python数据科学

Python数据可视化:2018年北上广深空气质量分析

92.5是年均AQI值,从上面科普知识里可以知道,2017年天津整体空气质量只能是「良」中的下下等水平,与轻度污染近在咫尺。

10430
来自专栏SAP最佳业务实践

SAP最佳业务实践:MM–转包(138)-5收货&发票

3.9 MIGO从转包 PO 收货 供应商交付制造的产品准备在系统中为其过帐收货。 角色:仓库文员 后勤 -物料管理-采购 -采购订单 -后继功能 -收货 1...

35730
来自专栏性能与架构

Stack Overflow 开发者调查报告

今天看了Stack Overflow 开发者调查统计结果,有几个数据感到意外,没有想到 1. JS已经火到不行 在最受开发者欢迎的语言中,JS继续领先,这倒...

29650
来自专栏安恒信息

假WiFi15分钟可盗取信息 网银被盗6万剩500块

近日,@央视新闻等多家权威媒体官方微博曝光,称一种利用假冒商场、快餐店的免费WiFi的骗术正在流行,通过这种方法,用户手机中的网银可以很轻易地...

38070
来自专栏iOS开发攻城狮的集散地

iOS 传感器集锦

29460
来自专栏镁客网

三星Note 5外观大曝光,安兔兔跑分成绩不错

18350
来自专栏Zchannel

影驰发布旗下最大容量SSD:2TB

11340
来自专栏程序员宝库

1 程序员 编写银行后台程序,盗窃 700 余万

利用职务便利,覃某在华夏银行总行核心系统内植入计算机病毒程序,使跨行ATM机取款交易不能计入账户,之后成功取款717.9万元非法占为己有。今天上午,覃某因涉嫌职...

37540
来自专栏程序员的知识天地

不懂代码的,但是这些都看懂了。程序员段子合集

程序猿要了3个孩子,分别取名叫Ctrl、Alt 和Delete,如果他们不听话,程序猿就只要同时敲他们一下就会好的。

32950
来自专栏知晓程序

路边哪些野花「不能采」?这款小程序,帮你找回遗失的好奇心

在马路边、小花园里、大草原上,或者是别人的花盆/朋友圈里,看到好看又叫不出名字的花花草草,是不是有一种很想知道这是什么品种的冲动?

8510

扫码关注云+社区

领取腾讯云代金券