请问对吗?

请问对吗?

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>第一个作业</title>

    <link rel="stylesheet" href="css/css.css"/>

</head>

<body>

    <div class="header"><!--Header区域-->

        <div class="header_1">

            <div class="logo">

                <img src="images/logo.png" alt="这是一个logo">

            </div>

            <div class="nav">

                <ul>

                    <li><a href="#">HOME</a></li>

                    <li><a href="#">ABOUT</a></li>

                    <li><a href="#">GALLERY</a></li>

                    <li><a href="#">FACULTY</a></li>

                    <li><a href="#">EVENTS</a></li>

                    <li class="nav_last"><a href="#">CONTACT</a></li>

                </ul>

            </div>

        </div>

    </div>

    <div class="Banner"><!--Banner区域-->

        <img src="images/banner3.jpg"/><!--Banner图片-->

        <div class="zhezhao">

            Banner遮罩层

        </div>

        <div class="biaodan">

            <form>

                <input type="text" name="name" placeholder="your Name">

                <input type="password" name="pwd" placeholder="your Password">

                <input type="email" name="email" placeholder="your Email">

                <textarea placeholder="your Comment"></textarea>

                <input type="submit" name="submit" value="SEND MESSAGE">

            </form>

        </div>

    </div>

    <div class="About"><!--About区域-->

        <div class="biaoti">

            <h3>ABOUT</h3>

            <p>分割线</p>

            <span>

                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard

                dummy text ever since the 1500s.

            </span>

            <h3>A WORD ABOUT US</h3>

            <span>Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget

            ullamcorper ipsum. Suspendisse diam amet.</span>

            <p>EXPLORE</p>

        </div>

        <div class="miaoshu"><img src="images/bb3.jpg"></div>

    </div>

    <div class="tuwen"><!--图文混排区域-->

        <img src="images/b1.jpg" />

        <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <p>EXPLORE</p>

            <img src="images/b2.jpg" />

        <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

        <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <p>EXPLORE</p>

            <img src="images/b3.jpg" />

        <h3>Library</h3>

            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <p>EXPLORE</p>

            <img src="images/b4.jpg" />

        

    </div>

    <div class="Gallery"><!--Gallery区域-->

        <h3>Gallery</h3>

        <p>分割线</p>

        <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley

            of type and scrambled it to make a type specimen book.</p>

        <div class-bottom>

            <dl>

                <dt><img src="images/03-01.jpg"></dt>

                <dd>Science Lab</dd>

            </dl>

            <dl>

                <dt><img src="images/03-02.jpg"></dt>

                <dd>Indoor Stadium</dd>

            </dl>

            <dl>

                <dt><img src="images/03-03.jpg"></dt>

                <dd>Transportation</dd>

            </dl>

            <dl>

                <dt><img src="images/03-04.jpg"></dt>

                <dd>Kids Room</dd>

            </dl>

            <dl>

                <dt><img src="images/03-05.jpg"></dt>

                <dd>Meditation Classes</dd>

            </dl>

            <dl>

                <dt><img src="images/03-06.jpg">2</dt>

                <dd>Kids Play Ground</dd>

            </dl>

        </div>

    </div>

    <div class="Footer"><!--页脚区域-->

        <p href="#">&#169 2016 imooc.com 京ICP备13046642号</p>

    </div>

</body>

</html>


*{

    margin: 0;

    padding: 0;

}

.header{

    background: #07CBC9;

    height: 80px;

}

.header_1{

    width: 1200px;

    margin: 0 auto;

}

.logo{

    float: left;

    width: 260px;

    height: 48px;

    padding-top: 16px;

}

.nav{

    float: right;

}

.nav ul li{

    float: left;

    list-style: none;

}

.nav ul li a{

    margin-right: 20px;

    text-decoration: none;

    color: #fff;

    line-height: 80px;

}

.nav ul li.nav_last a{

    margin-right: 0;

}


正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,使用text-align:center即可。另外,老师这边回答时,是给同学粘贴了居中的图片的,但不知道什么原因没有上传上去。后续老师回答时会多注意一下这个问题,避免此类事情发生。

祝学习愉快~

好帮手慕夭夭 2020-11-24 17:35:24

同学你好,导航项中的文字没有在li中居中,如下:

http://img1.sycdn.imooc.com//climg/5fbcd33709bae91b01920119.jpg

虽然文字居中不居中看起来没有什么影响,但是设置了居中会好。例如我以后想要设置鼠标移入的时候,li变背景色,文字居中效果更美观(当然了,现在可以不考虑这些)。如下图所示:

http://img1.sycdn.imooc.com//climg/5fbcd39b09094fd001730091.jpg

祝学习愉快~

  • 提问者 神知 #1
    这个应该怎么居中?用text-align:center没反应
    2020-11-25 12:12:07
  • 提问者 神知 #2
    知道怎么做了!
    2020-11-25 12:14:11
好帮手慕夭夭 2020-11-24 13:40:38

同学你好,问题中上传的css只有一部分,老师这边看到的页面是乱的,如下图所示:

http://img1.sycdn.imooc.com//climg/5fbc9c8c09df9b6b10740488.jpg

如果想要让老师检查页面整体的样式,请把全部代码粘贴上来。如果是想要让老师检查某一个区域问题,请详细说一下具体指的哪一个区域,以便老师为你指导。

祝学习愉快~

  • 提问者 神知 #1
    这节课的作业不就是做导航条吗?
    2020-11-24 15:02:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师