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

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

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form练习</title>
</head>
<body>
<form action="work.html" enctype="multipart/form-data">
    <p>
        姓名：<input type="text" value="大傻" disabled>
    </p>
    <p>
        密码: <input type="password">
    </p>
    <p>
        性别：<input type="radio" id="男" checked name="性别">
        <label for="男">男</label>
        <input type="radio" id="女" name="性别">
        <label for="女">女</label>

    </p>
    <p>
        喜欢的水果：
        <input type="checkbox" id="桃" name="水果">
        <label for="桃">桃</label>
        <input type="checkbox" id="苹果" name="水果">
        <label for="苹果">苹果</label>
        <input type="checkbox" id="梨" name="水果">
        <label for="梨">梨</label>
    </p>

    <input type="file">
    <input type="image" src="img2.gif">
    <p>
        <input type="submit" value="提交表单">
    </p>
    <p>
        <input type="reset" value="点我重制">
    </p>
    <p>
        <input type="button" value="我并没卵用">
    </p>
    <p>
        表单1：<select name="数字" id="">
            <option value="">11</option>
            <option value="">22</option>
            <option value="" selected>33</option>
            <option value="">44</option>
            <option value="">55</option>
            <option value="">66</option>
            <option value="">77</option>
            <option value="">88</option>
            <option value="">99</option>
            <option value="">00</option>
        </select>
    </p>
    <p>
        表单2：<select name="字母" id="">
            <optgroup label="数字">
                <option value="">a</option>
                <option value="">22b</option>
                <option value="">33c</option>
                <option value="">44d</option>
            </optgroup>
            <optgroup label="字母">
                <option value="">55e</option>
                <option value="">66f</option>
                <option value="" selected>77g</option>
                <option value="">88h</option>
                <option value="">99i</option>
                <option value="">00g</option>
            </optgroup>
        </select>
    </p>
    <p>
        <textarea name="" id="liu" cols="30" rows="10">留言板：
        </textarea>
    </p>
    <p>
        <input type="hidden">
        <button type="submit">按键1</button>
    </p>
</form>
</body>
</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/表单 406楼

无序列表的嵌套这种格式是可行的吗
<ul>
    <li>中国</li>
    <ul>
        <li>沈阳</li>
        <ul>
            <li>大东区</li>
            <li>和平区</li>
            <li>浑南区</li>
        </ul>
        <li>赤峰</li>
        <li>辽阳</li>
    </ul>
    <li>法国</li>
    <li>英国</li>
</ul>

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 407楼

语义化是什么意思？？？？？

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5新增元素 408楼

这里是不是写错了，1B=8b吧，我看文件上写是是8b

WEB前端全系列/第一阶段：HTML5+CSS3模块/表单 409楼

小米手机官网.zip

老师我这个banner做完以后白色导航的那个hover怎么显示不出来？

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 410楼

我设置1240宽度的时候，margin属性不能自动居中，为什么

当我缩小宽度到1000左右时，左右留白的宽度才不会相差太大

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

 <style>
        @media screen (max: width 768px){
            background-color:red;
        }
    </style>

@media screen (max: width 768px){
            background-color:red;
        }

老师，我这行代码是哪里不对吗？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS盒子模型 412楼

老师，为什么我的图片在设置“小米手机”这行字的时候就居中了，然后跟着视频中再设置margin-top的时候，就成下图这样了，这是什么问题

小米.rar

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 413楼

<style>
        @media screen and (max: width 768px;){
            background-color: red;
        }
    </style>

写完之后，下面颜色出不来

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS盒子模型 414楼

老师，pc端响应式布局和原来不一样，请问是怎么回事？

源码：

<!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">
    <link rel="stylesheet" href="css/mike.css">
</head>
<body>
<!--导航开始-->
<div class="nav">
    <div class="wrap">
        <div class="logo"></div>
        <div class="search">
            <form action="">
                <input type="text" placeholder="查找课程..." class="text-input">
                <button class="iconfont">&#xe64d;</button>
            </form>
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="#" class="nav-bar-active">首页</a></li>
                <li><a href="#">课程</a></li>
                <li><a href="#">公告</a></li>
                <li><a href="#">登录</a></li>
            </ul>
        </div>
    </div>
</div>
<!--导航结束-->
</body>
</html>

css样式

/*导航开始样式*/
.nav{
    width: 100%;
    height: 66px;
    background-color: #88c5e1;
    border-bottom: 5px solid #54abd4;
    position: fixed;
    top: 0;
    left: 0;
}
.wrap{
    width: 87%;
    height: 66px;
    margin: 0 auto;
}
.logo,.search,.nav-bar{
    height: 66px;
    float: left;
}
.text-input{
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    margin-top: 13px;
    border-radius: 2px;
    outline: none;
    padding-left: 10px;
}
.search button{
    width: 40px;
    height: 34px;
    background-color: #f5f5f5;
    position: absolute;
    right: 2px;
    top: 16px;
    color: #54abd4;
    font-weight: 900;
}
.text-input:hover{
    background-color: #ffffff;
    border-color: #54abd4;
}

.nav-bar>ul{
    float: right;
}
.nav-bar li{
    float: left;
}
.nav-bar a{
    color: #ffffff;
    padding: 10px;
    display: block;
    margin-left: 8px;
    margin-top: 12.5px;
}
.nav-bar-active{
    border-bottom: 2px solid #ffffff;
}
.nav-bar a:hover{
    border-bottom: 2px solid #ffffff;
}
/*导航开始结束*/
/*移动端开始*/
@media screen and(max-width: 768px) {
    
}
/*移动端结束*/
/*ipad开始*/
@media screen and(max-width: 992px) and(min-width: 768px) {

}
/*ipad结束*/
/*pc端开始*/
@media screen and(min-width: 992px) {
    .logo{
        width: 25%;
        background: url("../images/Brand.png") no-repeat left;
        background-size: 183px;
    }
    .search{
        width: 40%;
        position: relative;
    }
    .nav-bar{
        width: 35%;
    }
}

WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目 415楼

/*购物车的样式*/
.cart{
    width: 120px;
    height: 40px;
    background-color: #424242;
    margin-left: 25px;
    /*来给父元素cart价格相对定位*/
    position: relative;
}
/*点击购物车的时候会从上往下出现一个下拉框  可以利用过渡transition来实现*/
.cart-Details{
    width: 315px;
    height:0;
    background-color: #ffffff;
    /*这里是给个盒阴影*/
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    /*这个下拉框是独立的一层 要用绝对定位定过来*/
    position: absolute;
    /*相对于已经定位的父元素来定位  来给父元素：cart价格相对定位*/
    /*在父元素的正下方紧贴父元素的bottom  所以距离父元素的top的距离就是父元素的height  而右边和父元素的右边没有距离*/
    top: 40px;
    right: 0;
    /*这里的颜色是  购物车中还没有商品，赶紧选购吧！ 的颜色*/
    color: #424242;
    /*没有鼠标悬停触发时 高度要为0 这样这个下拉框在没有触发时便不显示*/
    /*但是“购物车中还没有商品，赶紧选购吧！”的文字还在 所以溢出的部分需要隐藏*/
    overflow: hidden;
    /*等触发事件发生时高度出现 下拉框就会出现了*/
    /*在这里是不可以用display的 因为要实现过渡效果的话 transition对display是无效的 */
    /*display: none;*/
    transition:all 0.3s ease-in-out;
}

<li class="cart">
    <a href="#">购物车</a>
    <div class="cart-Details">
        购物车中还没有商品，赶紧选购吧！
    </div>
</li>

老师，白色导航部分写完了，但是之前写的购物车下拉框在点击后显示，这个地方被白色导航内的搜索框覆盖了，不能完整展示，这应该怎么办呀？购物车下拉框定位的父元素是购物车

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 416楼

怎么我的不是放大镜呢,课程里面就是我的放这个代码就不是放大镜这个是什么原因

<input type="text" placeholder="赢手机，分一亿"/><button class="iconfont">&amp;#xe63d;</button>

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 417楼

  <!codtype html>  
  <mead 声明····ch-CN>
  <head>
  <title>测试问答</title>
  </head>
  <doby>
  <p>试一下浏览器敲</p>
  
   </doby>

WEB前端全系列/第一阶段：HTML5+CSS3模块/前端入门与基础知识 418楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="1" width="500"  align="center" bgcolor="#a9a9a9" bordercolor="white">
        <tr>
            <th colspan="3">学习成绩</th>
        </tr>
        <tr align="center">
            <td rowspan="2">张三</td>
            <td>语文</td>
            <td>98</td>
        </tr>
        <tr align="center">
            <td>数学</td>
            <td>95</td>

        </tr>
        <tr align="center">
            <td rowspan="2">李四</td>
            <td>语文</td>
            <td>88</td>
        </tr>
        <tr align="center">
            <td>数学</td>
            <td>91</td>
        </tr>
    </table>
</body>
</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素 419楼

老师我在小程序的练习，但是用定位去浮动实现不出这个效果。要做到这种效果在，怎么去做？

<view class="activity">
    <view  class="activity-box">
        <uni-row>
		<uni-col :span="8" v-for="(item,index) in model.saleDisplay.items" :key="index">
			<view class="activity-item">
				<image :src="item.img" mode=""></image>
			</view>
			<view class="">
		        <uni-row>
	              <uni-col :span="12">
	                <view class="">
					    <text>{{item.title}}</text>
				        </view>
			        </uni-col>
			        <uni-col :span="12">
				        <view class="">
					    <text>￥{{item.price}}</text>
				        </view>
			        </uni-col>
			        </uni-row>
			</view>
		</uni-col>
	        </uni-row>
	</view>
	<view class="activity-image">
		<image :src="model.saleDisplay.background" mode=""></image>
	</view>
</view>

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS常用属性 420楼

同学您好