老师,这样的样式、结构对吗?

来源:2-6 编程练习

weixin_慕斯卡1279472

2020-11-21 21:27:43


<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           h2{color:green;}

           a{text-decoration:none;color:#009;}

           .star{color:orange;}

        </style>

    </head>

    <body>

          <header>

<h2>大话西游之大圣娶亲的影评</h2>

<div><a href="#">热门/最新/好友</a></div>

  </header>

  <hr>

  <main>

<section>

<a href="#">罗弘霉素</a>&nbsp;<span class="star">★★★★★ </span>&nbsp;2010-07-26

<p>有人跟我比赛背台词么</p>

阅读:1615&nbsp;<a href="#">有用</a>

<hr>

</section>

<section>

<a href="#">十七只猫和鱼</a>&nbsp;<span class="star">★★★★★ </span>&nbsp;2006-04-26

<p>任何时候任何场合都可以再看一遍的电影</p>

阅读:515&nbsp;<a href="#">有用</a>

<hr>

</section>

<section>

<a href="#">暖家男</a>&nbsp;<span class="star">★★★★★ </span>&nbsp;2006-04-22

<p>一定有一些电影永远都不能被超越</p>

阅读:490&nbsp;<a href="#">有用</a>

<hr>

</section>

  </main>

    </body>

</html>


写回答

1回答

好帮手慕鹤

2020-11-22

同学你好,代码效果实现了哦,样式也没有问题,不过html代码还可以进行优化,建议如下:

给日期内容使用span标签包裹起来,这样代码会更规范,如下图:

http://img.mukewang.com/climg/5fb9c60409cc663706740211.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程