老师帮我检查一下2-6编程练习谢谢

来源:2-6 编程练习

清夏_

2022-04-05 12:33:10

<!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>
    <title>文本与字体属性</title>
    <style type="text/css">
        /*样式添加*/
      p a#aaa {
          text-decoration: none;
          color: #009;
      }
      p a#bbb {
          text-decoration: none;
          color: #009;
      }
      p a#ccc {
          text-decoration: none;
          color: #009;
      }
      div a#ddd {
          text-decoration: none;
          color: #009;
      }
      p a#eee {
          text-decoration: none;
          color: #009;
      }
      div a#fff {
          text-decoration: none;
          color: #009;
      }
      p a#ggg {
          text-decoration: none;
          color: #009;
      }
      div a#hhh {
          text-decoration: none;
          color: #009;
      }
      p a#iii {
          text-decoration: none;
          color: #009;
      }
      h3 {
          color: rgb(0,255,0)
      }
      div span#jjj {
          color: orange;
      }
      div span#kkk {
          color: orange;
      }
      div span#lll {
          color: orange;
      }
    </style>
</head>
<body>
       <!-- 写出h内容 -->
       <h3>大话西游之大圣娶亲的影评</h3>
       <p>
           <a href="" id="aaa">热门/</a>
           <a href="" id="bbb">最新/</a>
           <a href="" id="ccc">好友</a>
       </p>
       <hr>

       <div>
            <a href="" id="ddd">罗弘霉素</a>
            <span id="jjj">★★★★★</span>
            2010-07-26
       </div>
       <p>有人跟我比赛背台词么</p>
        <p>
            阅读:1615
            <a href="" id="eee">有用</a>
        </p>
        <hr>

        <div>
            <a href="" id="fff">十七只猫和鱼</a>
            <span id="kkk">★★★★</span>
            2006-04-26
        </div>
        <P>任何时候任何场合都可以再看一遍的电影</P>
        <p>
            阅读:515
            <a href="" id="ggg">有用</a>
        </p>
        <hr>

        <div>
            <a href="" id="hhh">暖家男</a>
            <span id="lll">★★★★</span>
            2006-04-22
        </div>
        <p>一定有一些电影 永远都不能被超越</p>
        <p>
            阅读:490
            <a href="" id="iii">有用</a>
        </p>
        <hr>
</body>
</html>


搜索

复制

写回答

1回答

好帮手慕慕子

2022-04-06

同学你好,效果实现是对的,建议优化:调整为设置class属性,通过类选择器统一设置样式,简化代码,示例:

https://img.mukewang.com/climg/624d0b490988685004540889.jpg

https://img.mukewang.com/climg/624d0b69090748d004470939.jpg

祝学习愉快~


0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程