有效沟通问答-【官方】百战程序员_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模块/浮动与定位 16楼

.nav ul{

width: 100%;

height: 30px;

background-color: #333;

}

.nav li{

list-style: none;

float: left;

/* 让这行文字由垂直改为水平浮动 */

padding: 0 20px;

}

.nav li a{

text-decoration: none;

color: #fff;

}

.nav li a:hover{

color: #ff6600;

}

</style>

</head>

<body>

<ul>

</ul>

</div>

简洁

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

<table align="center" width="800" height="800">
    <tr align="center" bgcolor="pink">
        <td  rowspan="2">洒店</td>
        <td>海外酒店</td>
        <td>团购</td>
    </tr>
    <tr align="center" bgcolor="pink">
        <td>特价酒店</td>
        <td>民宿/客栈</td>
    </tr>
    <tr align="center" bgcolor="blue">
        <td  rowspan="2">机票</td>
        <td>火车票检票</td>
        <td>汽车票/船票</td>
    </tr>
    <tr align="center" bgcolor="blue">
        <td>特价机票</td>
        <td>专车租车</td>
    </tr>
    <tr align="center" bgcolor="gree">
        <td  rowspan="2">旅游</td>
        <td>目的地攻略</td>
        <td>邮轮旅游</td>
    </tr>
    <tr align="center" bgcolor="gree">
        <td>周边游</td>
        <td>定制旅行</td>
    </tr>
    <tr  align="center" bgcolor="yelleow">
        <td>景点玩乐</td>
        <td>美食林</td>
        <td>购物外汇</td>
    </tr>
    <tr align="center" bgcolor="yelleow">
        <td>礼品卡</td>
        <td>WIFI 电话</td>
        <td>保险签证</td>
    </tr>
</table>

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

老师，我按照步骤，为何我的txt文档不会变成网页版的

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

为什么不居中呢

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

这些标签是只能放在一起用吗？也就是一个固定的模板吗？

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

老师，看到每个标签都有name，我没用name也没发现有什么区别。name到底起个什么作用啊

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

又要加粗又要斜体效果的文体标签嵌套需要注意顺序吗，

比如<i><b>你好</b></i>或者<b><i>你好</i></b>，是都可以的吗

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

老师为啥就能一下子把几行代码包进<a>里，看着很丝滑；翻译件提供的快捷提示我没有，怎么安装啊

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

问题就是，为什么footer容器夹在侧边栏和主要内容之间了呢

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

<style>
        .container{
            width: 1400px;
            height: 1400px;
            margin: 0 auto;
            background-color: brown;
        }
        .header{
            height:80px;
            background-color: antiquewhite;
        }
        .nav{
            height:80px;
            margin-top: 10px;
            background-color: antiquewhite;
        }
        .main{
            height:80px;
            margin-top: 10px;
        }
        .left{
            float: left;
            width: 900px;
            height: 600px;
            background-color: bisque;
        }
        .right{
            float: right;
            width: 480px;
            height: 600px;
            background-color: antiquewhite;
        }
        .footer{
            height: 80px;
            margin-top: 10px;
            background-color: bisque;
        }
        
 </style>
 <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>
跟着老师敲的代码，怎么运行出来最后一个footer容器怎么是这样显示的

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

为什么会这样啊1

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

<style>

.root{

width: 500px;

height: 500px;

}

.left{

float: left;

width: 250px;

height: 500px;

background-color: firebrick;

}

.right{

float: left;

width: 250px;

height: 500px;

background-color: cyan;

}

.top{

width: 250px;

height: 250px;

background-color: pink;

}

.bottom{

width: 250px;

height: 250px;

background-color: darkblue;

}

</style>

</head>

<body>

</div>

</div>

</body>

老师，left那个颜色为什么被覆盖了

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

感觉效果出不来，我已经跟老师改的差不多了，但是还是没变化，一直这样。

04.商城官网_banner.zip

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

为什么我的shift+alt+up/down用不了

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

同学您好