5-4练习,请老师指出问题

来源:5-3 课程总结

慕斯卡4413583

2017-10-30 15:47:54

<!DOCTYPE html>

<html

<head>

    <meta charset="UTF-8">

    <title>CSS运用</title>

    <style type="text/css">

       /*补充样式*/

       /*头部样式、尾部样式*/

       .header{background: gray;

        font-size: 24px;}

       /*页面主体样式*/

       /*先按照颜色设置出几个类*/

       .gray{color: gray;}

       .red{color: red;}

       .green{color: green;}

       .red{color: red;}

       .blue{color: blue;

        font-size: 20px;}

       .orange{color: orange};

       a:link{color: green;}

       a:visited{color: gray;}

       a:hover{color: blue;}

       

    </style>

</head>

<body>

<div class="header">慕课网</div>

<div>

    <div>

        <p><span class="blue">HTML超文本标记语言</span>,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。</p>

        <p class="gray">课程内容</p>

        <ul>

            <li><a href="#" class="green">html基础标签</a>

                <ol>

                    <li class="red">段落标签</li>

                    <li class="red">图像和超链接标签</li>

                    <li class="red">列表标签</li>

                </ol>

            </li>

            <li class="green">html表格标签</li>

            <li class="green">html表单标签</li>

        </ul>           

    </div>

    <div>

        <p><span class="blue">CSS层叠样式表</span>(Cascading Style Sheets),样式定义如何显示HTML元素。</p>        

        <p class="gray">课程内容</p>

        <ul>

            <li ><a class="green" href="#">CSS基础语法</a></li>

            <li class="green">CSS使用方法

                <ol>

                    <li class="red">行内样式</li>

                    <li class="red">内部样式</li>

                    <li class="red">外部样式</li>

                </ol>

            </li>

            <li class="green">CSS选择器

                <ul>

                    <li class="orange">ID选择器</li>

                    <li class="orange">class选择器</li>

                    <li class="orange">标签选择器</li>

                </ul>

            </li>

        </ul>           

    </div>

</div>

<div class="header">慕课网 只学有用的</div>    

</body>

</html>


写回答

1回答

Miss路

2017-10-30

没有问题,继续加油!

0

0 学习 · 36712 问题

查看课程