<style>
.root{
width: 500px;
height: 500px;
}
.left{
float: left;
width: 250px;
background-color: firebrick;
.right{
background-color: cyan;
.top{
height: 250px;
background-color: pink;
.bottom{
background-color: darkblue;
</style>
</head>
<body>
<div class="root">
<div class="left">
<div class="top"></div>
<div class="bottom"></div>
</div>
<div class="right"></div>
</body>
老师，left那个颜色为什么被覆盖了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
*{
margin: 0;
padding: 0;
.items{
height: 450px;
background-color: blueviolet;
padding: 10px;
box-sizing: border-box;
.items>div{
width: 100%;
height: 100%;
background-color: coral;
/* 移动端 */
@media screen and(max-width:768px){
width: 50%;
/* ipad端 */
@media screen and(max-width:768px)and(max-width:992px)
{.items{
width: 33%;
/* pc端*/
width: 25%;
<div class="box" >
<div class="items">
</html>
老师为什么我这个显示不出来呀
<!--页脚开始--> <div class="footer"> <div class="wrap"> <div class="footer-seriver"> <ul> <li> <a href="#"> <i class="iconfont"></i> <span>预约维修服务</span> </a> </li> <li> <a href="#"> <i class="iconfont"></i> <span>7天无理由退货</span> </a> </li> <li> <a href="#"> <i class="iconfont"></i> <span>15天免费换货</span> </a> </li> <li> <a href="#"> <i class="iconfont"></i> <span>满99元包邮</span> </a> </li> <li> <a href="#"> <i class="iconfont"></i> <span>520余家售后网点</span> </a> </li> </ul> </div> <div class="footer-link"> <ul> <li>帮助中心</li> <li><a href="">账户管理</a></li> <li><a href="">购物指南</a></li> <li><a href="">订单操作</a></li> </ul> <ul> <li>帮助中心</li> <li><a href="">账户管理</a></li> <li><a href="">购物指南</a></li> <li><a href="">订单操作</a></li> </ul> <ul> <li>帮助中心</li> <li><a href="">账户管理</a></li> <li><a href="">购物指南</a></li> <li><a href="">订单操作</a></li> </ul> <ul> <li>帮助中心</li> <li><a href="">账户管理</a></li> <li><a href="">购物指南</a></li> <li><a href="">订单操作</a></li> </ul> <ul> <li>帮助中心</li> <li><a href="">账户管理</a></li> <li><a href="">购物指南</a></li> <li><a href="">订单操作</a></li> </ul> <ul> <li>帮助中心</li> <li><a href="">账户管理</a></li> <li><a href="">购物指南</a></li> <li><a href="">订单操作</a></li> </ul> <div class="footer-aside"> <p class="tel">400-100-5678</p> <p class="time">8:00-18:00（仅收市话费</p> <a href="#" class="kefu">人工客服</a> <div class="follow"> 关注小米： <img src="image/wb.png" alt=""/> <img src="image/wx.png" alt=""/> </div> </div> </div> </div> </div>
老师我就想问下，在页脚最后右边的最后一排字“关注小米”这点本来我自己想的是用p标签，然后给嵌套两个a标签，然后在在a标签里给两个img
后面看到视频中老师用的div，我就想问下，最后一排为什么要用div上面三排出了有个用的a标签，其他都是用的p标签来写的，为什么最后这一点要用div
.main{ width: 100%; height: 170px; } .main-center{ width: 1240px; height: 170px; top: 0; left: 50%; margin-left: -620px; } .main-aside{ width: 234px; height: 100%; padding: 3px; box-sizing: border-box; background-color: #5f5750; float: left; }
<div class="main"> <div class="main-center"> <div class="main-aside"></div> <div class="img"></div> <div class="img"></div> <div class="img"></div> </div> </div>
div main的高度设置不了，不显示
老师,可不可以把img设为背景图片,通过指向ul里面的li,来改变ul的父级元素的相邻兄弟的背景图片呢?!我实验了怎么不行
为什么我的shift+alt+up/down用不了
alt的作用是当图片显示不出来的时候给用户一个提示这是什么的意思么？
为啥老师输入<a按回车能自动生成<a href='''></a>
你好，表格属性里的表格边框border属性table,td{border:1px solid black }里面的solid black 什么意思啊，视频中直接就书写也不对其进行解释
ul :: before{
content:"";
请问老师，这个伪对象选择器，想添加非文字内容的话，该怎么设置？比如新增图片
value有啥用，写啥都行吗
老师，本案例中的 div class=wrap 这个盒子没有设置相应的css,那么设置它的目的是什么
value=？，有什么要求划分吗，还是谁便取的？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>雪碧图</title> <style> .box1{ width: 209px; height: 61px; background-image: url("image/spirite.png"); } .box2{ width: 78px; height: 76px; background-image: url("image/spirite.png"); background-position: -524px 0; } </style> </head> <body> <div class="box1"></div> <div class="box2"></div> <!--<div class="box3"></div>--> </body> </html>
我现在弄得是第二个盒子，我现在只想要绿色新品的哪，但是我弄不出来那样的效果，老师帮我看看吧
<style> *{ margin: 0; padding: 0; } a{ text-decoration: none; } .box{ width: 303px; height: 375px; background-color: red; position: relative; } .box img{ width: 100%; } .text{ width: 100%; height: 88px; position: absolute; left: 0px; bottom: 20px; text-align: center; } .name{ color: #fff; font-size: 21px; font-weight: 800; } .yang{ color: #fff; font-size: 14px; } .yg{ color: #ebce6b; font-size: 24px; font-weight: 700; } </style> </head> <body> <div class="box"> <a href=""> <img src="img/370ad36f-425c-453a-b406-ccb2a0dffeec.jpg" alt=""> <div class="text"> <p class="name">MEIZU UR 高端定制耳机 预约</p> <p class="yang">【预约专用】私人定制，为你而声</p> <p class="yg">￥200</p> </div> </a> </div> </body> </html>
老师，这个font代码在这里有啥作用？
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
我现在弄得是第二个盒子，我现在只想要绿色新品的哪，但是我弄不出来那样的效果，老师帮我看看吧
京公网安备 11011402011233号