这个视频中14分钟左右讲的网络地址，老师说的一段时间后就不能访问了，这个具体指的是网络地址路径的弊端还是指百度类似的浏览器这些的问题呢？
老师。之前的视频怎么换了啊！！请问还有之前那位女老师讲的视频吗？现在的内容进度对不上了》》》》
有个问题，视频里讲的和文档不统一啊。子元素属性视频里讲的是flex，而文档里给的是flex-grow，到底听谁的？还是两种都可以？
span标签不是行内元素吗，为啥还设置宽高？
我就用过web，没用过vs，怎么办啊，求之前那位老师的视频链接
<!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="./iconfont.css"> <link rel="stylesheet" href="./rests.css"> <link rel="stylesheet" href="./mi.css"> </head> <body> <!-- 黑色导航开始 --> <div class="black-nav"> <div class="wrap"> <ul class="left-nav"> <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><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="#">协议规则</a><span>|</span></li> <li> <a href="#">下载APP</a> <span>|</span> <div class="download"> <img src="./image/download.png" alt=""> <p>小米商城App</p> </div> <!-- 三角形 --> <div class="triangle"></div> </li> <li><a href="#">智能生活</a><span>|</span></li> <li><a href="#">Select</a></li> </ul> <ul class="right-nav"> <li><a href="">登陆</a><span>|</span></li> <li><a href="">注册</a><span>|</span></li> <li><a href="">消息通知</a></li> <li class="cart"> <a href="#"> <i class="iconfont"></i> <i>购物车</i> </a> <div class="cart-1">还没有东西</div> </li> </ul> </div> </div> <!-- 黑色导航结束 --> <!-- 白色导航开始 --> <div class="withe-nav"> <div class="wrap"> <div class="logo"> <img src="./image/logo-mi2.png" alt=""> </div> <div class="white-left-nav"> <ul> <li> <a href="#">小米手机</a> <div class="item"> <div class="wrap"> <ul> <li> <a href="#"> <div><img src="./image/item.webp" alt=""</div> <p>小米pro</p> <p>5200元</p> </a> </li> <li> <a href="#"> <div><img src="./image/item.webp" alt=""</div> <p>小米pro</p> <p>5200元</p> </a> </li> <li> <a href="#"> <div><img src="./image/item.webp" alt=""</div> <p>小米pro</p> <p>5200元</p> </a> </li> <li> <a href="#"> <div><img src="./image/item.webp" alt=""</div> <p>小米pro</p> <p>5200元</p> </a> </li> <li> <a href="#"> <div><img src="./image/item.webp" alt=""</div> <p>小米pro</p> <p>5200元</p> </a> </li> </ul> </div> </div> </li> <li> <a href="#">红米手机</a> </li> <li> <a href="#">电视</a> </li> <li> <a href="#">笔记本</a> </li> <li> <a href="#">平板</a> </li> <li> <a href="#">家电</a> </li> <li> <a href="#">路由器</a> </li> <li> <a href="#">服务</a> </li> <li> <a href="#">社区</a> </li> </ul> </div> <div class="white-right-nav"> <input type="text" placeholder="洗衣机"> <button>^</button> </div> </div> </div> <!-- 白色导航结束 --> </body> </html>
{ : : } { : } { : } { : } { : }
.>{ : : : : : : : : } .>:{ : ()} .>{ : : : : : }
reset.css中的text-align=center不起效果，在xunlei.css设置后才居中，为什么呢？
1.html <!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>webxiaode的网页</title> <link rel="stylesheet" href="./css/reset.css" /> <link rel="stylesheet" href="./css/mi.css" /> <link rel="stylesheet" href="./css/iconfont/iconfont.css" /> </head> <body> <!-- 头部开始 --> <div class="header"> <a href="#"> <img src="./images/top.jpg" alt="" /> </a> </div> <!-- 头部结束 --> <!-- 黑色导航部分开始 --> <!--黑色导航步骤： 1.主容器.背景颜色 2.内容部分居中显示，容器处理 3.左导航，右导航 4.动画 --> <div class="black-nov"> <div class="wrop"> <ul class="black-nov-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><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="#">协议规则</a><span>|</span></li> <li> <a href="#">下载APP</a><span>|</span> <div class="download"> <img src="./images/download.png" alt="" /> <p>小米商城APP</p> </div> <div class="stri"></div> </li> <li><a href="#">智能生活</a></li> <li><a href="#">SelectLocation</a></li> </ul> <ul class="black-nav-right"> <li><a href="#">登录</a><span>|</span></li> <li><a href="#">注册</a><span>|</span></li> <li><a href="#">消息通知</a><span>|</span></li> <li class="cart"> <a href="#"> <span class="iconfont"></span>购物车（0）</a> <div class="cart-list">购物车中还没有商品，赶紧选购吧！</div> </li> </ul> </div> </div> <!-- 黑色导航部分结束 --> </body> </html> 2.css样式 * { margin: 0; padding: 0; } /*头部样式开始*/ .header { width: 100%; height: 120px; overflow: hidden; position: relative; } .header img { height: 120px; position: absolute; left: 50%; transform: translateX(-50%); } /*头部样式结束*/ /*黑色导航开始*/ .black-nov { width: 100%; height: 40px; line-height: 40px; /*行高为40px*/ background-color: #333; font-size: 12px; /*设置字体大小*/ }/*导航部分*/ .wrop { width: 1226px; margin: 0 auto; } .black-nov-left { float: left; } .black-nov-right { float: right; } .black-nov li { float: left; /*字体浮动居左*/ position: relative; /*相对定位*/ } .black-nov a { color: #b0b0b0; } .black-nov span { color: #424242; margin: 0 3.6px; } .download { width: 124px; height: 0; background: #fff; box-shadow: 0 1px 5px #aaa; position: absolute; /*绝对定位*/ top: 40px; left: 50%; margin-left: -62px; overflow: hidden; /*消除浮动*/ transition: all 0.3s; /*过渡所有属性*/ } .download img { width: 90px; margin: 18px auto 0; } .download p { color: #333; font-size: 14px; line-height: 14px; } .black-nov-left li:hover > .download { height: 148px; } .stri { width: 0; height: 0; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; /*绝对定位*/ bottom: 0; left: -50%; /*左右居中*/ margin-left: 46px; display: none; /*默认没有*/ } .black-nov-left li:hover > .stri { display: block; } /*让它出现*/ .cart { width: 120px; 高度： 40px; margin-left: 25px; background: #424242; position: relative; } .cart span{ color: #b0b0b0; } .cart:hover { background: #fff; } .cart a:hover{ color: #ff6700; } .cart-list { width: 316px; height: 0; background: #fff; box-shadow: 0 2px 10px rgb(0, 0, 0,0.15); position: absolute; /*绝对定位*/ top: 40px; right: 0; 颜色 ： #424242; overflow: hidden; /*消除浮动*/ transition: all 0.3s; /*过渡所有属性*/ 行高：100px; } .cart:hover>.cart-list{ 高度： 100px; } /*黑色导航结束*/ 问题：左边导航和右边导航连接在一起了，怎么解决啊
/* 黑色导航开始 */ .black-nav{ width: 100%; height: 40px; background-color: #333; line-height: 40px; } .wrap{ width: 1226px; margin: 0 auto; /* position: relative; */ } .left-nav{ float: left; } .right-nav{ float: right; } .black-nav li{ float: left; position: relative; } .black-nav a{ color: #b0b0b0; font-size: 12px; } .black-nav span{ color: #424242; margin: 0 3.6px; } .black-nav a:hover{ color: #fff; } .download{ width: 124px; height: 0; background-color: #fff; position:absolute; top: 40px; left: -50%; display: none; box-shadow: 0 1px 5px #333 ; transition: all 0.5s; /* margin-left: -62px; */ } .download img{ width: 90px; margin: 18px auto 0; } .left-nav li:hover>.download{ height: 148px; display: block; } .download p{ color: #424242; font-size: 14px; line-height: 14px; } .triangle{ width: 0; height: 0; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: 0px; right: 50%; margin-left: -8px; display: none; } .left-nav li:hover>.triangle{ display: block; } .cart{ width: 120px; height: 40px; background: #424242; margin-left: 20px; } .cart span{ color: #b0b0b0; } .cart:hover{ background: #fff; } .cart:hover>a{ color: #ff6700; } .cart i{ font-style: normal; padding-left: 5px; position: relative; } .cart-1{ width: 320px; height: 0px; position: absolute; top: 40px; right: 0; box-shadow: 0 1px 5px rgba(0,0,0,0.2); transition: all 0.5s; line-height: 100px; } .cart:hover>.cart-1{ height: 100px; } /* 黑色导航结束 */ /* 白色导航开始 */ .withe-nav{ width: 100%; height: 100px; background: #fff; position: relative; clear: both; line-height: 100px; } .logo{ float: left; } .white-left-nav{ width: 850px; float: left; } .white-right-nav{ width: 296px; float: right; } .logo{ width: 56px; height: 56px; margin-top: 22.5px; } .logo img{ width: 56px; height: 56px; left: 0; } .white-left-nav li{ padding: 5px 0 0 30px; float: left; box-sizing: border-box; } .white-left-nav li a{ color: #333; font-size: 16px; } .white-left-nav>ul>li>a:hover{ color: #ff6700; } .white-left-nav ul{ margin-left: 113px; } .white-right-nav input{ width: 244px; height: 50px; line-height: 50px; padding: 0 10px; font-size: 14px; box-sizing: border-box; border: 1px solid #e0e0e0; margin-top: 25px; } .white-right-nav button{ width: 52px; height: 50px; font-size: 24px; line-height: 50px; background-color: #fff; color: #616161; box-sizing: border-box; border: 1px solid #e0e0e0; border-left: 0; margin-top: 25px; float: right; } .white-right-nav button:hover{ background-color: #ff6700; color: #fff; } .item{ width: 100%; height: 229px; position: absolute; top: 100px; left: 0; } /* 白色导航结束 */
滑动门和下拉菜单有啥区别
总是感觉很奇怪不用定位白色导航那里总是把我的li 标签挤得页面很乱是哪里出问题了吗
下拉列表效果.rar
老师我已经检查好几遍了 为什么效果出不来
nbsp前面的键在哪里啊。老师没讲。不知道
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table bgcolor="silver" align="center" border="10" width="150"> <tr align="center"> <td colspan="3">学习成绩</td> </tr> <tr> <td rowspan="2">张三</td> <td>语文</td> <td>98</td> </tr> <tr> <td>数学</td> <td>95</td> </tr> <tr> <td rowspan="2">李四</td> <td>语文</td> <td>88</td> </tr> <tr> <td>数学</td> <td>91</td> </tr> </table> <hr> <table border="1" width="450" align="center" bordercolor="red" cellspacing="0"> <tr bgcolor="yellow" align="center"> <th>片名</th> <th>日期</th> <th>时间</th> <th>电影院</th> <th>票价</th> </tr> <tr align="center"> <td rowspan="2">【国】卡拉是条狗</td> <td rowspan="3">3月7日</td> <td rowspan="6">7:30</td> <td rowspan="2">红楼电影院</td> <td>小厅：40</td> </tr> <tr align="center"> <td>大厅：50</td> </tr> <tr align="center"> <td>【国】谍海计中计</td> <td>花市电影院</td> <td>30</td> </tr> <tr align="center"> <td>【美】正义守望者</td> <td>3月8日</td> <td rowspan="3">华星电影院</td> <td>小厅：35</td> </tr> <tr align="center"> <td>【国】周瑜的火车</td> <td>3月10日</td> <td>大厅：50</td> </tr> <tr> <td>【美】冰川时代</td> <td>3月11日</td> <td>情侣座：80</td> </tr> </table> </body> </html>
为什么设置三角形只设置了下边，左边和右边。为什么上边不设置，老师以前讲的是四个都得写，而且我也试验过不行，为什么在这里又可以，希望老师能好好解答一下。
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
span标签不是行内元素吗，为啥还设置宽高？
京公网安备 11011402011233号