结构逻辑是否清晰？是否需要改进？
来源：2-6 编程练习
烫头的狮子王
2021-01-06 23:50:30
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
a {
text-decoration: none;
}
ul,li {
list-style: none;
padding: 0;
}
h2 {
color: green;
}
#star {
color: orange;
}
</style>
<body>
<h2>大话西游之大圣娶亲的影评</h2>
<a href="#">热门/最新/好友</a>
<hr>
<div>
<ul>
<li>
<a href="#">罗红霉素</a>
<span id="star">★★★★★</span>
<span>2010-07-26</span>
</li>
<li>
<span>有人跟我比赛背台词吗么</span>
</li>
<li>
<span>阅读：1615</span>
<a href="#">有用</a>
</li>
</ul>
<hr>
<ul>
<li>
<a href="#">十七只猫和鱼</a>
<span id="star">★★★★</span>
<span>2006-04-26</span>
</li>
<li>
<span>任何时候任何场合都可以再看一遍的电影</span>
</li>
<li>
<span>阅读：515</span>
<a href="#">有用</a>
</li>
</ul>
<hr>
<ul>
<li>
<a href="#">暖家男</a>
<span id="star">★★★★★</span>
<span>2006-04-22</span>
</li>
<li>
<span>一定有一些电影 永远都不能被超越</span>
</li>
<li>
<span>阅读：490</span>
<a href="#">有用</a>
</li>
</ul>
<hr>
</div>
</body>
</html>
写回答
1回答
-
同学你好， 对于你的问题解答如下：
1、没有设置链接字体颜色为#009，建议给a标签设置color属性，如下：
2、代码中使用id选择器确实可以实现效果，但是一般页面中元素的id是唯一的，不推荐多个标签设置相同的id，建议优化：给标签设置相同的类名，通过类选择器设置样式，让代码更加规范，示例：
3、代码中使用一个a标签包裹了三个关键词，建议优化：每个关键词需要单独使用a标签
4、代码中使用ul列表布局是可以的，但是代码有些复杂，建议优化：直接使用p标签包裹每一行内容，简化代码书写，示例：
修改为p标签后，就可以去掉如下图所示的css代码了
祝学习愉快~
0
相似问题