写一个博客首页

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>黄钊的博客园首页</title>

    <style>

        body{

            margin: 0;

            background-color: #eeeeee;

        }

        #auth{

            height: 100%;

            width: 20%;

            background-color: #4e4d4d;

            position: fixed;

            color: #a9a9a9;

            float: left;

        }

        #photo{

            border: #ffffee 5px solid;

            width: 200px;

            height: 200px;

            border-radius: 50%;

            overflow: hidden;

            margin-left: 20%;

            margin-top: 20px;

        }

        #photo img{

            width: 100%;

        }

        #auth_motto{

            text-align: center;

        }

        #msg{

            text-align: center;

            padding-top: 50px;

            font-size: 24px;

        }

        a:link{color: #a9a9a9}

        a:hover{color: #ffffff;font-weight: bolder}

        a:visited{color: #a9a9a9}

        a{text-decoration: none}

        #tag{

            text-align: center;

            padding-top: 20px;

        }

        #main{

            float: right;

            height: 100%;

            width: 80%;

            /*padding-left: 20%;*/

        }

        .essay{

            background-color: white;

            box-shadow: 5px 5px 5px rgba(0,0,0,0.5);

            width: 97%;

            height: 180px;

            margin-top: 25px;

            margin-left: 15px;

        }

        .clearfix:after{

            content: '';

            clear: both;

            display: block;

        }

        .head{

            font-weight: bolder;

            font-size: 38px;

            padding-top: 20px;

            padding-left: 20px;

            border-left: red 10px solid;

            /*width: 50%;*/

            float: left;

        }

        .data{

            font-weight: bolder;

            float: right;

            padding-right: 20px;

            padding-top: 20px;

        }

        .content{

            font-weight: lighter;

            padding-left: 20px;

            padding-top: 25px;

        }

        .essay_tag{

            padding-left: 20px;

            /*padding-top: 20px;*/

        }

    </style>

</head>

<body>

<div id="auth">

    <div id="photo">

        <img src="2.jpg" alt="">

    </div>

    <div id="auth_motto">

        <p>黄钊的博客</p>

        <p>他有一个大美女女朋友：李肖彤</p>

    </div>

    <div id="msg">

        <p><a href="作业-博客园首页.html" target="_blank">关于我</a></p>

        <p><a href="">微博</a></p>

        <p><a href="">微信</a></p>

    </div>

    <div id="tag">

         <p><a href="作业-博客园首页.html" target="_blank">#python</a></p>

        <p><a href="">#java</a></p>

        <p><a href="">#go</a></p>

    </div>

</div>

<div id="main">

    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>

    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>    <div class="essay">

        <div class="title clearfix">

            <div class="head">活到老学到老</div>

            <div class="data">2020/5/14</div>

        </div>

        <div class="content">python全栈开发第53天</div>

        <hr style="">

        <div class="essay_tag">#python</div>

    </div>

</div>

</body>

</html>

day53 作业的更多相关文章

  1. day53——标签操作

    day53 今日内容 标签操作 值操作 取值: 文本输入框:$('#username').val(); input,type=radio单选框: $('[type="radio"] ...

  2. python10作业思路及源码：类Fabric主机管理程序开发（仅供参考）

    类Fabric主机管理程序开发 一,作业要求 1, 运行程序列出主机组或者主机列表(已完成) 2,选择指定主机或主机组(已完成) 3,选择主机或主机组传送文件(上传/下载)(已完成) 4,充分使用多线 ...

  3. SQLServer2005创建定时作业任务

    SQLServer定时作业任务:即数据库自动按照定时执行的作业任务,具有周期性不需要人工干预的特点 创建步骤:(使用最高权限的账户登录--sa) 一.启动SQL Server代理(SQL Server ...

  4. 使用T-SQL找出执行时间过长的作业

        有些时候,有些作业遇到问题执行时间过长,因此我写了一个脚本可以根据历史记录,找出执行时间过长的作业,在监控中就可以及时发现这些作业并尽早解决,代码如下:   SELECT sj.name , ...

  5. T-SQL检查停止的复制作业代理，并启动

        有时候搭建的复制在作业比较多的时候,会因为某些情况导致代理停止或出错,如果分发代理时间停止稍微过长可能导致复制延期,从而需要从新初始化复制,带来问题.因此我写了一个脚本定期检查处于停止状态的分 ...

  6. Python09作业思路及源码：高级FTP服务器开发（仅供参考）

    高级FTP服务器开发 一,作业要求 高级FTP服务器开发 用户加密认证(完成) 多用户同时登陆(完成) 每个用户有不同家目录且只能访问自己的家目录(完成) 对用户进行磁盘配额,不同用户配额可不同(完成 ...

  7. 个人作业week3——代码复审

    1.     软件工程师的成长 感想 看了这么多博客,收获颇丰.一方面是对大牛们的计算机之路有了一定的了解,另一方面还是态度最重要,或者说用不用功最重要.这些博客里好些都是九几年或者零几年就开始学习编 ...

  8. 个人作业-week2：关于微软必应词典的案例分析

    第一部分 调研,评测 评测基于微软必应词典Android5.2.2客户端,手机型号为MI NOTE LTE,Android版本为6.0.1. 软件bug:关于这方面,其实有一些疑问.因为相对于市面上其 ...

  9. 软件工程第二次作业——git的使用

    1. 参照 http://www.cnblogs.com/xinz/p/3803109.html 的第一题,每人建立一个GitHub账号,组长建立一个Project,将本组成员纳入此Porject中的 ...

随机推荐

  1. k8s学习-资源控制器

    4.3.资源控制器 4.3.1.概念 Kubernetes中内建了很多种controller(控制器),这些相当于一个状态机,用来控制Pod的具体状态和行为. 4.3.2.分类 Replication ...

  2. Java I/O模型及其底层原理

    Java I/O是Java基础之一,在面试中也比较常见,在这里我们尝试通过这篇文章阐述Java I/O的基础概念,帮助大家更好的理解Java I/O. 在刚开始学习Java I/O时,我很迷惑,因为网 ...

  3. 被迫重构代码，这次我干掉了 if-else

    本文收录在个人博客:www.chengxy-nds.top,技术资源共享,一起进步 最近公司貌似融到资了!开始发了疯似的找渠道推广,现在终于明白为啥前一段大肆的招人了,原来是在下一盘大棋,对员工总的来 ...

  4. 构建自己的jar包上传至Mvaen中央仓库和版本更新

    构建自己的jar包上传至Mvaen中央仓库和版本更新 一直羡慕别人制造轮子,开源项目,供别人使用:我也想这样,可以自己才疏学浅,本次就将自己写小工具上传到Maven的中央仓库. 一步一步详细教程演示如 ...

  5. OSI模型各层详解

    1. OSI概述 1.1 模拟器说明 1.1.1 模拟器的作用 搭建实验环境进行测试. 1.1.2 模拟器的类型 PT:一般是学校中使用,命令不完整,且不能抓包 GNS3:思科(CCNA,CCNP), ...

  6. 「JOISC 2020 Day4」首都城市

    题目   点这里看题目. 分析   做法比较容易看出来.我们对于每个城市,找出那些 " 如果这个城市在首都内,则必须在首都内的其它城市 " ,也就是为了让这个城市的小镇连通而必须选 ...

  7. 搭建redis哨兵模式

    搭建redis哨兵模式,一主两从三哨兵   1.从官网下载redis安装包:此处是redis-5.0.7.tar.gz 2.上传到目录 /utxt/soft 3.解压 4.cd /utxt/soft/ ...

  8. 我要穿越，干翻 “烂语言” JavaScript！

    更多精彩文章,尽在码农翻身 我是一个线程 TCP/IP之大明邮差 一个故事讲完Https CPU 阿甘 Javascript: 一个屌丝的逆袭 微服务把我坑了 如何降低程序员的工资? 程序员,你得选准 ...

  9. Python 为什么推荐蛇形命名法？

    关于变量的命名,这又是一个容易引发程序员论战的话题.如何命名才能更具有可读性.易写性与明义性呢?众说纷纭. 本期"Python为什么"栏目,我们将聚焦于变量命名中的连接方式,来切入 ...

  10. WeChair项目Beta冲刺(2/10)

    团队项目进行情况 1.昨日进展    Beta冲刺第二天 昨日进展: 昨天由于组内成员课程繁重,但是大家还是花时间一起开会谈论了开发的一些细节和交流了一些问题 2.今日安排 前端:扫码占座功能和预约功 ...