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

<!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>
        .square{
            width: 600px;
            height: 600px;
            background-color: antiquewhite;
        }
        .left{
            float: left;
            width: 200px;
            height: 600px;
            background-color: pink;
        }
        .right{
            float: right;
            width: 400px;
            height: 600px;
            background-color: green;
        }
        .top{
            width: 400px;
            height: 300px;
            background-color: springgreen;
        }
        .zuo{
            float: left;
            width: 200px;
            height: 300px;
            background-color: blue;
        }
        .you{
            float: right;
            width: 200px;
            height: 300px;
            background-color: chocolate;
        }
    </style>

</head>
<body>
   
    <div class="square">
        <div class="left"></div>
        <div class="right">
            <div class="top"></div>
            <div class="bottom">
                <div class="zuo"></div>
                <div class="you"></div>
            </div>
        </div>
    </div>

</body>
</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS 287楼

<!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>
        .square {
            width: 400px;
            height: 400px;
        }
        .left{
            float: left;
            width: 200px;
            height:200px;
            background-color: cyan;
        }
        .right {
            float: left;
            width: 200px;
            height: 400px;
            background-color: chocolate;
        }
        .top {
            width: 200px;
            height: 200px;
            background-color: antiquewhite;
        }

        .bottom {
            width: 200px;
            height: 200px;
            background-color: aquamarine;
        }

       
    </style>

</head>

<body>

    <div class="square">
        <div class="left">
            <div class="top"></div>
            <div class="bottom"></div>
        </div>
        <div class="right"></div>
    </div>
   
   

</body>

</html>

WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS 288楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table>
        <tr>
            <td>姓名:</td>
            <td>
                <form>
                    <input type="text">
                </form>
            </td>
        </tr>
        <tr>
            <td>密码:</td>
            <td>
                <form>
                    <input type="password">
                </form>
            </td>
        </tr>
        <tr>
            <td>确认密码:</td>
            <td>
                <form>
                    <input type="password">
                </form>
            </td>
        </tr>
        <tr>
            <td>密码提示问题:</td>
            <td>
                <form>
                    <select>
                        <option value="title">请选择一个问题</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                    </select>
                </form>
            </td>
        </tr>
        <tr>
            <td>密码提示答案:</td>
            <form>
                <input type="text">
            </form>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <form>
                    <input type="radio" name="sex">男<br>
                    <input type="radio" name="sex">女
                </form>
            </td>
        </tr>
        <tr>
            <td>年龄:</td>
            <td>
                <form>
                    <input type="number">
                </form>
            </td>
        </tr>
        <tr>
            <td>籍贯:</td>
            <td>
                <form>
                    <select>
                        <option value="title">请选择</option>
                    </select>
                    省/直辖市
                    <select>
                        <option value="title">请选择</option>
                    </select>
                    市<br>
                </form>
            </td>
        </tr>
        <tr>
            <td>爱好:</td>
            <td>
                <form>
                    <input type="checkbox" value="1">上网
                    <input type="checkbox" value="2">看电影
                    <input type="checkbox" value="3">学习
                </form>
            </td>
        </tr>
        <tr>
            <td>个人介绍:</td>
            <td></td>
        </tr>
        <tr>
            <td>上传头像</td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2"></td>
        </tr>
    </table>
</body>
</html>
老师我的table外面有一个input框不知道是哪里来的，找不到

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

placeholder属性和value 属性有什么区别么，我认为value属性也可以直接书写value="手机/邮箱/用户名"

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

老师我找到问题了，我的密码题答案中少了一个td

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

为什么“家电”跑到上面去了，咋办

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

清除浮动之后为什么只会清掉副作用，而不会清掉正作用；清除浮动需要考虑优先级吗？

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

<button class="iconfont">&#xe63d;</button>

老师，本来应该是放大镜图标，我的怎么显示这个？

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

商城项目.zip

为什么“家电”跑到上面去了，咋办

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

<i class="one"></i>
i 是属于什么标签？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS应用技巧 296楼

老师，第二个例子如果不设置content的样式为什么footer对应的div不会在页面上显示

WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS 297楼

<li class="more">
    <a href="#">
        <i class="iconfont">&#xe609;</i>
        <span>更多</span>
    </a>
    <div class="nar-bar-list">
    </div>
</li>

<li>
    <a href="#" class="more">
        <i class="iconfont">&#xe609;</i>
        <span>更多</span>
    </a>
    <div class="nar-bar-list">
    </div>
</li>

图一：

图二：

老师您好，我想问一下为什么将class="more"放在a标签的父元素li标签里的时候，“更多”在nav-bar-list之下（图一）；而将class="more"放在a标签里的时候，“更多”才可以覆盖在旁边的nav-bar-list之上（图二），more的css样式都是一样的

.more{
    z-index: 666;
    position: relative;
}

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS应用技巧 298楼

.cart:hover>a{

color: #ff6700;

}

<li class="cart"><a href="#"><i class="iconfont icon-gouwuche"></i> 购物车 (0)</a><div class="cart-list">购物车中还没有商品，赶紧选购吧！</div></li>

</ul>

老师，这样子设置完购物车图标没有变成橙色是怎么回事

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

老师您好我想问一下那个.fooetr-link ul标签下的line-height属性是不是写错了，后面没有写单位px

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

同学您好