5-4 编程练习作业提交
来源：5-4 编程练习
MiMicccc
2020-08-23 22:20:19
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS运用</title>
<style type="text/css">
/*补充样式*/
.title {font-size: 40px;background-color: #ACACAC;}
.main {background-color: #ECECEC;}
.main .course-title {color: #B8B8B8;}
.main .introduce span {color: blue;}
.main .list {color: green;}
.main .list a {color: green;}
.main .list a:hover {color: blue;}
.main .ol-list {color: red;}
.main .ul-list {color: orange;}
</style>
</head>
<body>
<div class="title">慕课网</div>
<div class="main">
<div>
<p class="introduce"><span>HTML超文本标记语言</span>，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</p>
<p class="course-title">课程内容</p>
<ul class="list">
<li><a href="#">html基础标签</a>
<ol class="ol-list">
<li>段落标签</li>
<li>图像和超链接标签</li>
<li>列表标签</li>
</ol>
</li>
<li>html表格标签</li>
<li>html表单标签</li>
</ul>
</div>
<div>
<p class="introduce"><span>CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>
<p class="course-title">课程内容</p>
<ul class="list">
<li><a href="#">CSS基础语法</a></li>
<li>CSS使用方法
<ol class="ol-list">
<li>行内样式</li>
<li>内部样式</li>
<li>外部样式</li>
</ol>
</li>
<li>CSS选择器
<ul class="ul-list">
<li>ID选择器</li>
<li>class选择器</li>
<li>标签选择器</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="title">慕课网 只学有用的</div>
</body>
</html>写回答
3回答
-
同学你好，使用同学第二次提供的代码测试，效果是正确的，继续加油，祝学习愉快~
0 -
MiMicccc
提问者
2020-08-23
老师检查这个代码吧0.0 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS运用</title> <style type="text/css"> /*补充样式*/ .title {font-size: 40px;background-color: #ACACAC;} .main {background-color: #ECECEC;} .main .course-title {color: #B8B8B8;} .main .introduce span {color: blue;} .main .list {color: green;} .main .list a {color: green;} .main .list a:hover {color: blue;} .main .ol-list {color: red;} .main .ol-size {font-size: 12px;} .main .ul-list {color: orange;} </style> </head> <body> <div class="title">慕课网</div> <div class="main"> <div> <p class="introduce"><span>HTML超文本标记语言</span>，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</p> <p class="course-title">课程内容</p> <ul class="list"> <li><a href="#">html基础标签</a> <ol class="ol-list"> <li>段落标签</li> <li>图像和超链接标签</li> <li>列表标签</li> </ol> </li> <li>html表格标签</li> <li>html表单标签</li> </ul> </div> <div> <p class="introduce"><span>CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p> <p class="course-title">课程内容</p> <ul class="list"> <li><a href="#">CSS基础语法</a></li> <li>CSS使用方法 <ol class="ol-list ol-size"> <li>行内样式</li> <li>内部样式</li> <li>外部样式</li> </ol> </li> <li>CSS选择器 <ul class="ul-list"> <li>ID选择器</li> <li>class选择器</li> <li>标签选择器</li> </ul> </li> </ul> </div> </div> <div class="title">慕课网 只学有用的</div> </body> </html>0 -
MiMicccc
提问者
2020-08-23
.main .ol-list {font-size: 12px; color: red;}
看差了一个第二个有序列表字体较小，补上font-size属性
0h020-08-23
相似问题