<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>米课</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="images/favicon.ico"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/iconfont.css"> <style> /* 导航开始 */ .nav { width: 100%; height: 66px; background-color: #88c5e1; border-bottom: 5px solid #54abd4; position: fixed; top: 0; left: 0; z-index: 999; } .wrap { width: 87%; margin: 0 auto; } .login, .search, .nav-bar { height: 66px; float: left; } .text-input { width:100%; height: 40px; border: 1px solid #f5f5f5; box-sizing: border-box; padding-left: 10px; background-color:#f5f5f5; outline :none; /* 点击input时 没有边框 */ border-radius: 2px; margin-top: 13px; transition: all .2s; } .text-input:hover { background-color: #fff; border-color: #54abd4; } .search button { width:40px; height: 34px; background-color:#f5f5f5; color:#54abd4; font-weight: 900; position: absolute; right: 2px; top: 16px; } .nav-bar>ul { float: right; } .nav-bar li { float: left; } .nav_bar a { color: #fff; padding: 10px; display: block; margin-left: 8px; margin-top: 12.5px; } .nav-bar-active { border-bottom: 2px solid #fff; } .nav-bar a:hover { border-bottom: 2px solid #fff; } /* phone start */ @media screen and (max-width: 768px) { .login { width: 16%; background: url("images/Brand-S.png") no-repeat left center; /* 或者只写left */ background-size: 38px; } .search { width: 68%; position: relative; } .nav-bar { display: none; } .btn { float: right; width: 43px; height: 43px; border: 1px solid#fff; color:#fff; line-height: 43px; font-weight: 700; font-size: 20px; margin-top: 10.5px; } } /* phone end */ /* ipad start */ @media screen and (min-width: 768px) and (max-width: 992px) { .login { width: 18%; background: url("images/Brand-M.png") no-repeat left; /* 或者只写left */ background-size: 86px; } .search { width: 42%; position: relative; } .nav-bar { width: 40%; } .btn { display: none; } } /* ipad end */ /* pc start */ @media screen and (min-width: 992px) { .login { width: 25%; background: url("images/Brand.png") no-repeat left center; /* 或者只写left */ background-size: 183px; } .search { width: 40%; position: relative; } .nav-bar { width: 35%; } .btn { display: none; } } /* pc end */ /* 导航结束 */ /* 登录开始 */ .login { width: 100%; height: 460px; background-image: url("images/homeImg.png"); background-repeat: no-repeat; background-size: 100% 100%; margin-top: 71px; padding-top: 75px; box-sizing: border-box; } .login-logo, .form { float: left; } .login-logo { width: 70%; } .form { width: 30%; } /* 登录结束 */ </style> </head> <body> <!-- 导航开始 --> <div class="nav"> <div class="wrap"> <div class="login"></div> <div class="search"> <form action=""> <input class="text-input" type="text" placeholder="查找课程"> <button class="iconfont"></button> </form> </div> <div class="nav-bar"> <ul> <li><a class="nav-bar-active" href="#">首页</a></li> <li><a href="#">课程</a></li> <li><a href="#">公告</a></li> <li><a href="#">登录</a></li> </ul> </div> <div class="btn"> <i class="iconfont"></i> </div> </div> </div> <!-- 导航结束 --> <!-- 登录开始 --> <div class="login"> <div class="wrap"> <div class="login-logo"> <img src="images/MiLogo.png" alt=""> <br> <img src="images/miTitle.png" alt=""> </div> <div class="form"></div> </div> </div> <!-- 登录结束 --> </body> </html>
老师 您给我看看 哪错了 怎么结果是这样的
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" align="center" width="500px" height="200px"> <tr bgcolor="#ffd700"> <td>片名</td> <td>日期</td> <td>时间</td> <td>电影院</td> <td>票价</td> </tr> <tr> <td rowspan="2">【国】卡拉是条狗</td> <td rowspan="3">三月七日</td> <td rowspan="6">7:30</td> <td rowspan="2">红楼电影院</td> <td>小厅：40</td> </tr> <tr> <td>大厅：50</td> </tr> <tr> <td>【美】谍海计中计</td> <td>花市电影院</td> <td>30</td> </tr> <tr> <td >【美】正义守望者</td> <td>三月八日</td> <td rowspan="3">华兴国际电影院</td> <td>小厅：35</td> </tr> <tr> <td>【国】周宇的火车</td> <td>三月十日</td> <td>大厅：45</td> </tr> <tr> <td>【美】冰川时代</td> <td>三月十一日</td> <td>情侣座：80</td> </tr> </table> </body> </html>
老师我交不了截图，截图要下载插件，但是我下载了也没有用，重启浏览器还是没有用
老师这个内容为什么会被遮挡呢？
老师为什么有的用form标记，有的直接用select和input,没有用form包裹
background: url("image/meizu.jpg") no-repeat center ;
老师我的图片还是不居中 然后我想加个cover 但是在简写这里就加不进去 在center后边一加cover 图片就不见了
为什么我的多行文本框实现不了
<textera name="texts" id="texts" rows="5" cols="5"></textera>
<>这个里面是不是不能有中文，value的双引号里面不写东西行不行
问题一：黑色导航条没有显示出来 ①HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米官网</title> <!--引入图标和css全局样式--> <link rel="icon" href="images/favicon.ico"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/xiaomi.css"> </head> <body> <!--黑色导航开始--> <div class="black-nav"></div> <!--黑色导航结束--> </body> </html> ②css代码 <!--黑色导航开始--> .black-nav{ width:100%; height:40px; background-color: #333; line-height: 40px; font-size: 12px; } <!--黑色导航结束--> 老师 导入方式没有写错吧
为什么nav-list的div改变浮动这里只能用定位，而浮动却不行，同样是脱离文档流，他们两的使用范围有什么区别么
老师，这个案例最后的.container ul{overflow:hidden;clear:both;清除的是什么，或者说是有什么意思，有什么作用
这里的二维码被下面的导航覆盖了，加了z-index为啥还是被覆盖了。
|MIUI|LoT||||||||APP|APP|SelectLocation|||(0)105299105299105299105299Redmi
.{ : %: : : : } .{ : : : %: (-%)} .{ : %: : : : : } .{ : } .{ : : } .{ : } .{ : } .{ : : } .{ : } .:{ : } .{ : : } .{ : : : : : : } .:{ : } .:>{ : } .{ : : : : (): : : : : : } .:>.{ : : } .{ : : : : : : : %: -: : : } .>{ : : } .>{ : : : } .>:>.{ : } .{ : : : : : : : : %: -: } .>:>.{ : } .{ : %: : : } .{ : : : : : : : } .{ : : : : } .{ : : : : } .>{ : %: %: : : } .{ : -} .{ : } .:>.{ : } .:>.{ : } .{ : } .>>>{ : : } .>>>:{ : } .>>:{ : } .{ : %: : : : (): : : : : } .{ : %: : : : : } .{ : : } .{ : } .{ : } .{ : } .:.{ : } .:.{ : } .>{ : : : : : : : : : : } .>{ : : : : : : : : } .>:.>:+{ : } .>:.>:+{ : } .>:{ : : : } .{ : : : : : : : : : : } .>:~.{ : }
一、<th></th>所表达的意思不太明白，就是有何作用？
问题：我想请问一下老师，怎样设置能让列表整体居中或居右呢？
!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>Document</title> <style> /* div{ width:100%; text-align:center; } 怎样设置能让列表整体位置居中呢？ */ li{ list-style-type:none; float:left; padding:31px 20px 30px; } a{ color:#333; font-size:14px; text-decoration:none; } a:hover{ color:#008cff; } </style> </head> <body> <div> <ul> <li><a href="#">手机</a></li> <li><a href="#">Lipro</a></li> <li><a href="#">声学</a></li> <li><a href="#">配件</a></li> <li><a href="#">生活</a></li> <li><a href="#">Flyme</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="#">APP下载</a></li> </ul> <!-- </div> --> </body> </html>
: 98 95 88 91
/老师你好 我的放大镜不知道为什么不能显示出来呀？
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
老师这个内容为什么会被遮挡呢？
这里的二维码被下面的导航覆盖了，加了z-index为啥还是被覆盖了。
京公网安备 11011402011233号