HTML5 第五章CSS3美化网页课后作业

最新推荐文章于 2024-07-15 20:07:12 发布

tb19930719

最新推荐文章于 2024-07-15 20:07:12 发布

阅读量6.8k

点赞数 5

本文链接：https://blog.csdn.net/tb19930719/article/details/80741163

版权

这篇博客通过HTML5和CSS3展示了北大青鸟课程介绍页面的制作，包括课程特色的设计和布局；并进一步创建了淘宝女装分类页面，涵盖多种女装款式和链接跳转，利用CSS3实现视觉效果。

摘要由CSDN通过智能技术生成

制作北大青鸟课程介绍页面
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鸟课程介绍</title>
    <style>
        div{
            background:-moz-linear-gradient(#ECECEC,#FFFFED);
            width: 598px;
            line-height: 30px;
        }
        .one{
            color: #5C9815;
        }
        .two{
            color: #F26522;
        }
        p span:nth-of-type(1){background: darkslategray;color: #FFFFFD}
        p span:nth-of-type(2){background: #5C9815;color: #FFFFFD}
        p span:nth-of-type(3){background: chartreuse;color: #FFFFFD}
        p span:nth-of-type(4){background: cyan;color: #FFFFFD}
        p span:nth-of-type(5){background: fuchsia;color: #FFFFFD}
        p span:nth-of-type(6){background: lightgreen;color: #FFFFFD}
    </style>
</head>
<body>
<div>
    <p><img src="图片素材/title.gif"></p>

    <p><img src="图片素材/img_01.png"></p>

        <p class="one"><span>逆向课程设计：</span> 以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致<br>
        <span>模拟学员学习路线：</span> 强调难点和复杂技能点的反复训练，力求学习效果和学习体验<br>
        <span>互联网作为教学环境：</span> 学员的日常教学和训练均在互联网线上进行<br>
        <span>学习挡板监控网上学习效果：</span> 每个学习阶段设置线上线下测试，严密监控学习效果<br>
            <span>真实开发项目经验积累：</span>采用专业互联网企业提供的真实项目作为模拟开发</p>

    <p><img src="图片素材/img_02.png"></p>
    <p class="two"><span>【实用性】—— </span>以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术<br>
     <sp