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

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

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

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        #container {
            display: grid;
            grid-template-columns: 200px 200px 200px;
            grid-template-rows: 200px 200px 200px 200px 200px;
            grid-template-areas: "item1 item1 item1"
                                 "item2 item3 item4"
                                 "item5 item5 item6"
                                 "item7 item8 item8"
                                 "item9 item9 item9";

        }

        .item {
            font-size: 35px;
            text-align: center;
            border: 1px solid #e5e4e9;
        }

        .item-1 {
            grid-area: item1;
            background-color: #ef342a;
        }

        .item-2 {
            /* grid-area: item2; */
            background-color: #f68f26;
        }

        .item-3 {
            /* grid-area: item3; */
            background-color: #4ba946;
        }

        .item-4 {
            grid-area: item4;
            background-color: #0376c2;
        }

        .item-5 {
            grid-area: item5;
            background-color: #c077af;
        }

        .item-6 {
            grid-area: item6;
            background-color: #f8d29d;
        }

        .item-7 {
            grid-area: item7;
            background-color: #b5a87f;
        }

        .item-8 {
            grid-area: item8;
            background-color: #d0e4a9;
        }

        .item-9 {
            grid-area: item9;
            background-color: #4dc7ec;
        }
    </style>
</head>

<body>


    <div id="container">
        <div class="item item-1">1</div>
        <div class="item item-2">2</div>
        <div class="item item-3">3</div>
        <div class="item item-4">4</div>
        <div class="item item-5">5</div>
        <div class="item item-6">6</div>
        <div class="item item-7">7</div>
        <div class="item item-8">8</div>
        <div class="item item-9">9</div>
    </div>

</body>

</html>

老师，我的代码哪里有问题呢，我看您注释掉就显示空白了，但是我的代码注释了后还是在显示的

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

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

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

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

老师这里为啥不用ul做，用ul做和这样用div直接做有什么区别吗

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

老师还想再问一下这个，

我要选中这个类名 .app

除了用.app{ }

还可以用什么写法吗

可以用.nav-left下面什么什么的这样写吗

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

为什么这里用的i标签而不是p标签，

不加href的a标签和p标签和去掉倾斜的i标签可以混用吗，使用会有什么不一样吗

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a:link {
            color: red;
        }

        a:visited {
            color: orange;
        }

        a:hover {
            color: blue;
        }

        a:active {
            color: pink;
        }
    </style>
</head>

<body>

    <a href="http://mi.com">小米官网 </a>
</body>

</html>

老师好，为啥我的:visited 效果在谷歌上面不生效呢

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS选择器 6楼

.left和.right设置浮动是脱离了文档流吧，为什么footer不会和侧边栏重叠，不需要清除浮动嘛

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

老师好，我想问一下，在实际项目中，这块是否需要写form表单，您之前说这里需要用到form完成交互，那不写form的话这块的数据是否能够提交成功？

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

没问题了

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

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

* {

margin: 0;

padding: 0;

}

.dw {

width: 800px;

height: 120px;

background-color: #ababab;

}

.dw22 {

width: 800px;

height: 100px;

background-color: #6de9c6;

}

.wda {

width: 80px;

height: 80px;

background-color: red;

margin-left: 10px;

margin-top: 20px;

float: left;

}

</style>

</div>

</head>

<body>

</div>

</div>

</body>

</html>

//为啥这个dw是异常的，在所有div后面，也不是左上角对齐，而生内部居中

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

githup.comz账号注册好了，但是授权无法打开网页怎么办啊

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

小米官方.zip

在黑色导航的左侧栏中的，当鼠标滑动到“下载app”该内容时，三角形并未显示出来。

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

这个视频中14分钟左右讲的网络地址，老师说的一段时间后就不能访问了，这个具体指的是网络地址路径的弊端还是指百度类似的浏览器这些的问题呢？

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

<!DOCTYPE html>

<head>

<title>CSS的引入方式</title>

</head>

<style>

p {

color: red;

}

</style>

<body>

<p>这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本</p>

</body>

</html>

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

老师，为什么我用插件运行没有效果，网页显示的不一样

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

同学您好