2-6编程练习,以及对于class和id的一些问题

来源:2-6 编程练习

Hanabie

2022-07-18 13:04:48

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*样式添加*/

           h3{

               color:green;

           }

           a{

               text-decoration:none;

               color:#009;

           }

           .score{

               color:orange;

           }

        </style>

    </head>

    <body>

          <!-- 写出h内容 -->

          <div>

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

              <a href="">热门</a>/

              <a href="">最新</a>/

              <a href="">好友</a>/

          </div>

          <hr>

          <div class="comment1">

              <div class="comment1_header">

                    <a href="" class="name">罗弘霉素</a>

                    <span class="score">★★★★★</span>

                    <span class="time">2010-07-26</span>    

              </div>

              <div class="comment1_content">

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

              </div>

              <div class="comment1_footer">

                  <span class="reading">阅读:1615</span>

                  <a href="" class="useful">有用</a>

              </div>

          </div>

          <hr>

          <div class="comment2">

              <div class="comment2_header">

                    <a href="" class="name">十七只猫和鱼</a>

                    <span class="score">★★★★</span>

                    <span class="time">2006-04-26</span>    

              </div>

              <div class="comment2_content">

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

              </div>

              <div class="comment2_footer">

                  <span class="reading">阅读:515</span>

                  <a href="" class="useful">有用</a>

              </div>

          </div>

          <hr>

          <div class="comment3">

              <div class="comment3_header">

                    <a href="" class="name">暖家男</a>

                    <span class="score">★★★★</span>

                    <span class="time">2010-07-26</span>    

              </div>

              <div class="comment3_content">

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

              </div>

              <div class="comment3_footer">

                  <span class="reading">阅读:490</span>

                  <a href="" class="useful">有用</a>

              </div>

          </div>

          <hr>

    </body>

</html>


一些问题:

  1. 如果这个页面所有的用户名 星级这种地方都是一样的样式,可以把大家的class都设成name吗,不用设置name1,name2这种?所以是不是comment也不用分123了 都叫comment就行

  2. 什么时候用id什么时候用class啊,感觉现在写的练习都是用class就行

  3. 页面的下划线除了<hr>可以用css样式吗,比如给空格添加下划线这种

  4. 最后就是想让老师看看我这个div分配的可以吗

谢谢老师!


写回答

1回答

好帮手慕慕子

2022-07-18

同学你好,效果实现是对的,针对同学的问题解答如下:

1、可以的

2、没有特定的场景,也没有硬性要求。使用id还是class主要还是看自己的编码习惯。

3、可以通过css设置下划线样式,示例:

https://img.mukewang.com/climg/62d4f0fa093b2baa12730778.jpg

了解下即可,目前使用hr标签实现效果,后面学习了css后,自然就懂了。

4、div的划分是可以的。

祝学习愉快~

0

0 学习 · 17877 问题

查看课程