周六日作业

作者: 要你何用杀了算了 | 来源:发表于2018-08-12 20:40 被阅读0次

初级入门之没动笔Python33/100
周六日作业
周末孩子被老师留下，家长该怎么办
周六日语文作业
2018-06-10
完成作业
感赏日记253（20180905）
女儿又出新招，她把我和老公关到屋里，用胶带封住了门口
今天
态度决定一切

1.开班信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开班信息</title>
    <style type="text/css">
        /*清除默认样式*/
        *{
            margin: 0;
            padding: 0;
        }
        /*统一页面中的字体*/
        body{
            font: 12px/1 宋体;
        }
        /*设置outer的大小*/
        .outer{
            width: 300px;
            /*height: 473px;*/
            /*background-color: #bfa;*/
            /*设置outer居中效果*/
            margin: 50px auto;
        }
        /*设置title的边框*/
        .title{
            /*设置上边框*/
            border-top: 2px #019e8b solid;
            /*设置盒子的高度*/
            height: 36px;
            /*设置背景样式*/
            background-color: #f5f5f5;
            /*设置title的行高*/
            line-height: 36px;
            /*设置title的内边距*/
            padding: 0px 22px 0px 16px;
        }
        /*设置title中的超链接*/
        .title a{
            float: right;
            /*设置字体颜色*/
            color: red;
        }
        /*设置h3*/
        .title h3{
            font: 16px/36px "微软雅黑";
        }
        /*设置内容*/
        .content{
            border: 1px solid #deddd9;
            /*设置内边距*/
            padding: 0px 28px 0px 20px;
        }
        /*设置内容中的超链接*/
        .content a{
            color: black;
            text-decoration: none;
            /*设置字体大小*/
            font-size: 12px;
        }
        /*为超链接添加一个hover伪类*/
        .content a:hover{
            color: red;
            /*为超链接添加下划线*/
            text-decoration: underline;
        }
        /*设置内容中的标题*/
        .content h3{
            margin-top: 14px;
            margin-bottom: 16px;
        }
        /*设置右侧a的样式*/
        .content .right{
            /*设置向右浮动*/
            float: right;
        }
        /*设置ul的样式*/
        .content ul{
            /*去除项目符号*/
            list-style: none;
            /*为ul设置一个下边框*/
            border-bottom: 1px dashed #deddd9;
        }
        /*取消最后一个ul的边框*/
        .content .no-border{
            border: none;
        }
        /*设置内容中的红色字体*/
        .content .redfont{
            color: red;
            font-weight: bold;
        }
        /*设置内容中的li*/
        .content li{
            margin-bottom: 15px;
        }
    </style>
</head>
<body>
    <!-- 创建一个外层div，容纳整个内容 -->
    <div class="outer">
        <!-- 开班信息的头部 -->
        <div class="title">
            <a href="#">18年面授开班计划</a>
            <h3>近期开班</h3>
        </div>

        <!-- 开班信息的主要内容 -->
        <div class="content">
            <h3><a href="#">人工智能+Python-高薪就业班</a></h3>
            <ul>
                <li>
                    <a class="right" href="#"><span class="redfont">预约报名</span></a>
                    <a href="#">开班时间：<span class="redfont">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span class="redfont">无座，名额爆满</span></a>
                    <a href="#">开班时间：<span class="redfont">2018-03-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间：<span>2018-01-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间：<span>2017-12-20</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间：<span>2017-11-18</span></a>
                </li>
            </ul>
            <h3><a href="#">Android开发+测试-高薪就业班</a></h3>
            <ul>
                <li>
                    <a class="right" href="#"><span class="redfont">预约报名</span></a>
                    <a href="#">开班时间：<span class="redfont">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间：<span>2018-03-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间：<span>2018-01-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间：<span>2017-12-20</span></a>
                </li>
            </ul>
            <h3><a href="#">大数据软件开发-青芒工作室</a></h3>
            <ul class="no-border">
                <li>
                    <a class="right" href="#"><span class="redfont">预约报名</span></a>
                    <a href="#">开班时间：<span class="redfont">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>开班盛况</span></a>
                    <a href="#">开班时间：<span>2018-01-23</span></a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>

运行结果：

image.png

2.周六日翻页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>周六日翻页</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .p{
            width: 960px;
            height: 42px;
            border:  gray  solid 1px;
            margin: 0 auto;
            zoom:1;
            font-family:雅黑;
            font-size:14px;
            background-color:white;
        }
        ul{
            list-style: none;
            margin:5px 150px;
        }
        li{
            float: left;
            margin:0px 5px;
        }
        ul  .cc{
            background-color:gold;
        }
        a{
            text-decoration: none;
            color: red;
            display: block;
            padding:5px 10px;
        }
        a:hover{
            background-color: red;
            color: white;

        }
    </style>
</head>
<body>
    <div class="p">
        <ul>
            <li class="cc"><a href="#">1</a></li>
            <li class="cc"><a href="#">2</a></li>
            <li class="cc"><a href="#">3</a></li>
            <li class="cc"><a href="#">上一页</a></li>
            <li class="cc"><a href="#">4</a></li>
            <li class="cc"><a href="#">5</a></li>
            <li class="cc"><a href="#">6</a></li>
            <li>...</li>
            <li class="cc"><a href="#">14</a></li>
            <li class="cc"><a href="#">15</a></li>
            <li class="cc"><a href="#">16</a></li>
            <li class="cc"><a href="#">17</a></li>
            <li class="cc"><a href="#">下一页</a></li>
        </ul>
    </div>  

    
</body>
</html>

运行结果：

image.png

3.作业新闻

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>作业新闻</title>
    <style type="text/css">
        ul{
            margin: 0;
            padding: 0;
        }
        .box{
            width:960px;
            height: 50px;
            background-color:#55a8ea;
            margin: 50px auto;
        }
        .box ul li{
            list-style-type: none;
            float: left;
            width: 100px;
            text-align: center; 
        }
        .box ul li a{
            text-decoration: none;
            color:  #fff;
            font-size:  17px;

            line-height:50px;
            font-family: 雅黑；
        }
        .box ul li:hover{
            background-color: #00619f;  
        }
        .box2{
            position: relative;
            top: -57px; 
            left: 100px;
        }
    </style>
</head>
<body>
    <div class="box">
        <ul>
            <li><a href="">首&nbsp;页</a>
            <li><a href="">网站建设</a>
            <li><a href="">程序开发</a>
            <li><a href="">网络营销</a>
            <img src="./图片/new.png" class="box2">
            <li><a href="">企业VI</a>
            <li><a href="">案例展示</a>
            <li><a href="">联系我们</a>
            
        </ul>
    </div>
</body>
<ml>

运行结果：

image.png

4.导航条


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航条</title>
    <style type="text/css">
        .p{
            width: 960px;
            height: 42px;
            border: 1px solid #333;
            margin: 0px auto;
        }
        .p ul{
            display: block;
            padding-left: 150px;

        }
        .p ul li{
            float: left;
            list-style: none;
            line-height: 10px;
        }
        .p ul li a{
            text-decoration: none;
            padding: 20px;
            font-size: 14px;
            font-family: "雅黑";
            color: #333;
        }
        .p ul li a:hover{
            color: red;
        }
    </style>
</head>
<body>
    <div class="p">
        <ul>
            <li><a href="#">首页</a><span>|</span></li>
            <li><a href="#">网站建设</a><span>|</span></li>
            <li><a href="#">程序开发</a><span>|</span></li>
            <li><a href="#">网络营销</a><span>|</span></li>
            <li><a href="#">企业VI</a><span>|</span></li>
            <li><a href="#">案列展示</a><span>|</span></li>
            <li><a href="#">联系我们</a></li>
            
        </ul>
    </div>
</body>
</html>

运行结果：

image.png

初级入门之没动笔Python33/100
周六日作业但是自己的想不懂
周六日作业
1.开班信息运行结果： 2.周六日翻页运行结果： 3.作业新闻运行结果： 4.导航条运行结果：
周末孩子被老师留下，家长该怎么办
为了督促学生在校全力以赴地学。老师们想尽办法。在校按时按量完成作业的，周六日少布置作业；平时完成作业拖拉的，或...
周六日语文作业
江梅（预习题）【唐】杜甫梅蕊ruǐ腊前破，梅花年后多。绝知春意好，最奈客愁何。 ...
2018-06-10
本周周六日作业一. 题目:读《幼儿教师专业标准》有感内容:对照标准我发现自己在这些方面存在...
完成作业
这两天在家没有出门，孵化营作业比较多，由于上周六日都出去参加活动，作业拉下了，心里很是着急，心想，怎么办呀，担心完...
感赏日记253（20180905）
周一儿子开学了，在上周六日的努力下，还是做完了暑假作业。开学头两天的表现让我眼睛一亮，语文作业的书写和暑假作业真是...
女儿又出新招，她把我和老公关到屋里，用胶带封住了门口
01. 周六日女儿不用上网课，但是作业比平日会多些。晚上瓜先生答应她写一会儿作业，陪她玩20分钟。然后他们就到...
今天
今天交的语文作业错的多啦！都怪我周六日太贪玩了没有仔细的检查作业。放学回家妈妈就骂了我一顿，我一会可一定要仔细的做作业。
态度决定一切
周末彤彤会把自己安排的满当当，每周的作业几乎都是周五写完，需要读的背的会周六日白天做。昨晚写作业她告诉我需要背语...

周六日作业

相关文章

初级入门之没动笔Python33/100

周六日作业

周末孩子被老师留下，家长该怎么办

周六日语文作业

2018-06-10

完成作业

感赏日记253（20180905）

女儿又出新招，她把我和老公关到屋里，用胶带封住了门口

今天

态度决定一切

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读