5-4编程练习
来源：5-4 编程练习
BIN_King
2022-02-23 17:22:20
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{background-color: lightgray;}
.tubu,.weibu {
background-color: #808080;
width: 100%;
font-size: 30px;
}
p span{color:blue;}
.class1,.class2{ color: grey;}
a,.wu1,.wu2{color: green;}
ul ol.ol1,ul ol.ol2{color: red;}
li ul.ul2{color: orange;}
a:hover{color: blue;}
</style>
</head>
<body>
<!-- 头部 -->
<div class="tubu">慕课网</div>
<!-- 主体 -->
<div>
<p><span>超文本标记语言，</span>“超文本”就是指页面内可以包含图片、链接甚至声乐、程序等非文字元素</p>
<p class="class1">课程内容</p>
<ul class="wu1">
<li><a href="#">基础标签</a>
<ol class="ol1">
<li>段落标签</li>
<li>图像和链接标签</li>
<li>列表标签</li>
</ol>
</li>
<li>表格标签</li>
<li>表单标签</li>
</ul>
<p><span>CSS层叠样式表，</span>样式定义如何显示HTML元素</p>
<p class="class2">课程内容</p>
<ul class="wu2">
<li><a href="#">基础语法</a></li>
<li>css使用方法
<ol class="ol2">
<li>行内样式</li>
<li>内部样式</li>
<li>外部样式</li>
</ol>
</li>
<li>css选择器
<ul class="ul2" type="circle">
<li>id选择器</li>
<li>class选择器</li>
<li>标签选择器</li>
</ul>
</li>
</ul>
</div>
<!-- 页尾 -->
<div class="weibu">慕课只学有用的</div>
</body>
</html>
1回答
-
好帮手慕久久
2022-02-23
同学你好，代码有一个问题：箭头所示的文字，颜色与效果图不符：
建议添加样式，设置成绿色：
祝学习愉快！
0
