效果沒問題，代碼可以再優化嗎?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           /*样式添加*/
h3{color:green;}
a{text-decoration:none;color:#009;}
span{color:orange;}
        </style>
    </head>
    <body>
          <!-- 写出h内容 -->
          <h3>大話西遊之大聖娶親的影評</h3>
          <a href="#">熱門/最新/好友</a>
          <hr>

          <p><a href="#">羅弘霉素</a><span>★★★★★</span>2010-07-26<p>
              <p>有人跟我比賽背台詞麼</p>
              <p>閱讀:1615  <a href="#">有用</a></p>

               <hr>

              <p><a href="#">十七只貓和魚</a><span>★★★★</span>2006-04-22</p>
              <p>任何時侯任何場合都可以再看一遍的電影</p>
              <p>閱讀:515  <a href="#">有用</a></p>

            <hr>
            <p><a href="#">暖家男</a><span>★★★★</span>2006-04-22</p>
              <p>一定有一些電影 永遠都不能被超越</p>
              <p>閱讀:490  <a href="#">有用</a></p>
    </body>
</html>

慕数据3203843 2019-08-14

源自：CSS文本样式 4-2 编程练习

收起

1回答

好帮手慕嘟嘟回答被采纳获得+3积分 2019-08-14 14:50:38

同学你好，

① 为了更好的语义化，我们可以使用标签把文字包起来。因为文字要在一行显示，所以我们可以选择行内元素，比如span标签。

② 因为同学设置了span的样式，所以这里要给文字添加单独的样式。

效果：

如果还有疑惑，可以在问答区再次提问，我们会继续为你解答的。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

收起回答

慕数据3203843 提问者 #1

謝謝解答，會參考！！！覺得文字比較少的話，用到p標籤也做到效果，但內部不太好看吧，所以沒用span標籤。如果太多文字才用span標籤，能一行並列。

2019-08-14 20:24:22
好帮手慕嘟嘟回复提问者慕数据3203843 #2

同学你好，因为p标签会单独占一行，而span标签是不会单独占一行的，所以在这里和使用p标签做对比是建议使用span标签的。

2019-08-15 12:48:32
慕数据3203843 提问者回复好帮手慕嘟嘟 #3

了解!拍謝

2019-08-15 14:09:33