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>
一些问题:
如果这个页面所有的用户名 星级这种地方都是一样的样式,可以把大家的class都设成name吗,不用设置name1,name2这种?所以是不是comment也不用分123了 都叫comment就行
什么时候用id什么时候用class啊,感觉现在写的练习都是用class就行
页面的下划线除了<hr>可以用css样式吗,比如给空格添加下划线这种
最后就是想让老师看看我这个div分配的可以吗
谢谢老师!
1回答
好帮手慕慕子
2022-07-18
同学你好,效果实现是对的,针对同学的问题解答如下:
1、可以的
2、没有特定的场景,也没有硬性要求。使用id还是class主要还是看自己的编码习惯。
3、可以通过css设置下划线样式,示例:
了解下即可,目前使用hr标签实现效果,后面学习了css后,自然就懂了。
4、div的划分是可以的。
祝学习愉快~
相似问题