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

<!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;
      }

      .nav {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #666;
      }

      .nav ul {
        width: 1200px;
        margin: 0 auto;
      }

      .nav ul::after {
        content: "";
        display: block;
        clear: both;
      }

      .nav ul li {
        list-style: none;
        float: left;
        padding: 0 30px;
      }
      .nav ul li a {
        color: #b0b0b0;
        text-decoration: none;
        font-size: 20px;
      }
      .nav ul li a:hover {
        color: white;
      }

      .nav ul li:hover {
        background-color: #222;
      }
    </style>
  </head>
  <body>
    <div class="nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">电视</a></li>
        <li><a href="#">平板</a></li>
        <li><a href="#">家电</a></li>
        <li><a href="#">服务</a></li>
      </ul>
      <p>这是一个p标签</p>
    </div>
  </body>
</html>

这个要实现鼠标在导航上方的时候li的背景颜色和字体颜色同时改变要如何实现呀老师

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

<!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>
        ol > li {
            color: red;
        }
    </style>
</head>
<body>
   <ol>
        <li>合肥</li>
        <li>淮北
            <ol>
                <li>相山区</li>
                <li>濉溪县</li>
                <li>烈山区</li>
            </ol>
        </li>
        <li>巢湖</li>
    </ol>
</body>

</html>

你好，老师。我这个子代选择器的书写li标签里嵌套的ol li标签为什么也生效了，能帮忙看看哪里出了问题吗

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

此处的ellipsis是什么意思啊，老师

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

在引入图片时相对路径和绝对路径有什么区别吗，

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

为什么我的main主要内容和侧边栏显示不出来，代码如下：
<!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>
        .container{
            width: 1400px;
            margin: 0 auto;
        }
        .header{
            height: 80px;
            margin-top: 10px;
            background:pink
        }
        .nav{
            height: 80px;
            margin-top: 10px;
            background: pink;
        }
        .main{
            height: 500px;
            margin-top: 10px;
        }  
        .mian .left{
            float: left;
            width: 900px;
            height: 500px;
            background: pink;
        }
        .mian .right{
            float: right;
            width: 480px;
            height: 500px;
            background: pink;
        }
        .footer{
            height: 80px;
            background: pink;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">头部</div>
        <div class="nav">导航</div>
        <div class="main">
            <div class="left">主要内容</div>
            <div class="right">侧边栏</div>
        </div>
        <div class="footer">脚部</div>
    </div>
</body>
</html>

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

问题一：

a、描述：表单之间不能套表单，那么表格里面是否可以套用表单或者说表单里面是否可以套一个表格？

b、如果可以套用那么表单的重置按钮是否可以达到清除表格里面已经填写的内容？是否有效？

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

老师，请问作业提交到哪里啊？

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

头部图片直接设置宽度100%可以居中，这种方式可以用吧？

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

<form>
    <select name="my">
        <optgroup label="城市">
            <option value="">北京</option>
            <option value="">上海</option>
                <option value="">广东</option>
         </optgroup>
     </select>
</form>

问题描述：下拉列表那显示：城市（且不可选中）如何实现？

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

align和text-align有什么区别吗，或者二者的使用场景都是哪些？

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

你好，老师。form标签里书写的内容是不是不会自动换行

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

<!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>
        .box{
            width: 50px;
            height: 50px;
            background-color: cornflowerblue;
            font-size: 12px;
            animation: Rotating 5s linear 1;
        }
        @keyframes Rotating {
            0%{
               
            }
            25%{
                transform: rotate(90deg);
            }
            50%{
                transform: translateX(300px);
               
            }
            75%{
                background-color: #ff5500;
            }
            100%{
                transform: translateX(0);
            }
           
        }
    </style>
</head>
<body>

    <div class="box">一个盒子宽高都是50</div>
   
</body>
</html>

为什么我旋转了，移动的时候它又转回去了。

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

没有提到优先级么

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

这个软件去哪里找？我到官网下载的，好像没有上面这些东西

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

同学您好