有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 132384个问题

时间排序推荐排序

不好意思，搞错了，原来文档里这里略掉了，把下一节课的内容贴进去了。。。

JAVA 全系列/第十八阶段：亿级高并发电商项目_架构/编码（旧）/电商：使用Solr实现数据搜索 11191楼

为什么这样不可以，下面注释那个就就行

Python 全系列/第七阶段：网页编程基础/小米官网项目 11192楼

为啥li设置浮动的，要ul清除浮动

WEB前端全系列/第一阶段：HTML5+CSS3模块/浮动与定位 11193楼

为什么在命名类之前要用class

JAVA 全系列/第一阶段：JAVA 快速入门/面向对象详解和JVM底层内存分析 11194楼

为什么在命名类之前要用class

JAVA 全系列/第一阶段：JAVA 快速入门/面向对象详解和JVM底层内存分析 11195楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米</title>
    <link rel="stylesheet" href="css/redist.css">
    <link rel="stylesheet" href="css/mi.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <style>
    /* 头部样式开始 */
.header{
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
}
.header img{
    height: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* 头部样式结束 */
/* 黑色导航样式开始 */
.black-nav{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #333;
    font-size: 12px;
}
.wrap{
    width: 1226px;
    margin: 0 auto;
}
.black-nav-left{
    float: left;
}
.black-nav-right{
    float: right;
}
.wrap li{
    float: left;
}
.wrap a{
    color: #b0b0b0;
}
.wrap span{
    color: #424242;
    margin: 0 3.6px;
}
.download{
    width: 124px;
    height: 0;
    background-color: #fff;
    box-shadow: 0 1px 5px #a0a0a0;
}
.download img{
    width: 90px;
    height: 18px auto 0;
}
/* 黑色导航样式结束 */
    </style>
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <a href="#">
            <img src="images/top.jpg" alt="">
        </a>
    </div>
    <!-- 头部结束 -->
    <!-- 黑色导航开始 -->
    <!-- 黑色导航实施步骤：
        1、主容器，黑色背景
        2、内容部分居中显示，容器处理
        3、左导航，右导航
        4、动画
    -->
    <div class="black-nav">
        <div class="wrap">
            <ul class="black-nav-left">
                <li><a href="#">小米商城</a><span>|</span></li>
                <li><a href="#">MIUI</a><span>|</span></li>
                <li><a href="#">LOT</a><span>|</span></li>
                <li><a href="#">云服务</a><span>|</span></li>
                <li><a href="#">天星科技</a><span>|</span></li>
                <li><a href="#">有品</a></li>
                <li><a href="#">小爱开发平台</a><span>|</span></li>
                <li><a href="#">企业团购</a><span>|</span></li>
                <li><a href="#">资质证照</a><span>|</span></li>
                <li><a href="#">协议规则</a><span>|</span></li>
                <li>
                    <a href="#">下载APP</a><span>|</span>
                    <div class="sri"></div>
                    <div class="download">
                        <img src="images/download.png" alt="">
                        <p>小米商城APP</p>
                    </div>
                </li>
                <li><a href="#">智能生活</a><span>|</span></li>
                <li><a href="#">SlecteLocation</a><span>|</span></li>            
            </ul>
            <ul class="black-nav-right">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#">消息通知</a></li>
                <li>
                    <a href="#">
                        <span class="iconfont">&#xe899;</span>
                        <span>购物车(0)</span>
                    </a>
                </li>
                <div>
                    购物车还没商品，赶紧选购吧
                </div>
            </ul>
        </div>
    </div>
    <!-- 黑色导航结束 -->
</body>
</html>