这个代码OK吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*样式添加*/
ul{list-style-type:none;}
li{border-bottom:1px solid #ccc;}
h3{color:green;}
a{text-decoration:none;}
span{color:orange;}
</style>
</head>
<body>
<!-- 写出h内容 -->
<ul>
<li>
<h3>大话西游之大圣娶亲的影评</h3>
<p><a href="#">热门</a>/<a href="#">最新</a>/<a href="#">好友</a></p>
</li>
<li>
<p><a href="#">罗红霉素</a> <span>★★★★★</span>2010-07-26</p>
<p>有人跟我比赛背台词么</p>
<p>阅读：1615 <a href="#">有用</a></p>
</li>
<li>
<p><a href="#">十七只猫和鱼</a> <span>★★★★★</span>2010-07-26</p>
<p>任何时候任何场合都可以再看一遍的电影</p>
<p>阅读：515 <a href="#">有用</a></p>
</li>
<li>
<p><a href="#">暖家男</a>> <span>★★★★★</span>2010-07-26</p>
<p>一定有一些电影 永远都不能被超越</p>
<p>阅读：490 <a href="#">有用</a></p>
</li>
</ul>
</body>
</html>正在回答 回答被采纳积分+1
同学你好，关于你的回复，解答如下：
1.虽然可以这样用，但是结构上不太好。块级元素与块级元素一般是同级关系，不能任意嵌套。（部分块级元素可以嵌套块级元素）。li是列表标签，h3是标题标签，p是段落标签。打一个比喻，一篇文章，标题是标题，段落是段落，列表是列表。它们属于同级关系，不是嵌套关系。如果把标题放在列表中结构上就不合理了。
2.实际开发中大家都是根据自己的编码习惯去做，有一些不规范的嵌套不会影响页面的展示效果，只要实现效果就行，不会太严格的考虑规范性。但是作为老师，还是要给你指出来。你也可以按照你的方式去写哦，只是说尽量少这样用。
3.hr用的少，老师按照现阶段的学习给你的建议。当然了，如果同学已经有一些基础了，就使用border设置即可。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
同学你好，li中嵌套标题标签和段落标签不太规范，建议使用div。如下修改：
注释的去掉：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
h3 {
color: green;
}
a {
text-decoration: none;
}
span {
color: orange;
}
</style>
</head>
<body>
<div>
<div>
<h3>大话西游之大圣娶亲的影评</h3>
<p><a href="#">热门</a>/<a href="#">最新</a>/<a href="#">好友</a></p>
<hr>
</div>
<div>
<p><a href="#">罗红霉素</a> <span>★★★★★</span>2010-07-26</p>
<p>有人跟我比赛背台词么</p>
<p>阅读：1615 <a href="#">有用</a></p>
<hr>
</div>
<div>
<p><a href="#">十七只猫和鱼</a> <span>★★★★★</span>2010-07-26</p>
<p>任何时候任何场合都可以再看一遍的电影</p>
<p>阅读：515 <a href="#">有用</a></p>
<hr>
</div>
<div>
<p><a href="#">暖家男</a>> <span>★★★★★</span>2010-07-26</p>
<p>一定有一些电影 永远都不能被超越</p>
<p>阅读：490 <a href="#">有用</a></p>
<hr>
</div>
</div>
</body>
</html>
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星