写一个博客首页

<!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. KMP 知识点整理

    1.扩展KMP 2.最大表示法 3.最小表示法 (扩展KMP) hdu2594  模板题 #include <iostream> #include <cstdio> #incl ...

  2. 日期时间设置 QDate, QTime, QDateTime

    #!/usr/bin/python3 from PyQt5.QtCore import QDate, QTime, QDateTime, Qt now = QDate.currentDate() pr ...

  3. idea针对有外联jar包的项目如何编译成可运行的jar包

    1.打开file-->project structure 2.如下图所示,创建 3.在空白处右键点击“create directory”创建一个“”“libs”文件夹 4.把项目所需的jar吧, ...

  4. centos7上安装redis以及PHP安装redis扩展（二）

    PHP 使用 Redis 安装 开始在 PHP 中使用 Redis 前, 我们需要确保已经安装了 redis 服务及 PHP redis 驱动,且你的机器上能正常使用 PHP. 接下来让我们安装 PH ...

  5. Centos7 安装 redis6 的部分问题总结

    首先把redis.tar.gz 解压到你想要的路径 检查一下安装环境: yum -y install gcc yum -y install epel-release 执行 make 和 make in ...

  6. 深入理解Js数组

    深入理解Js数组 在Js中数组存在两种形式,一种是与C/C++等相同的在连续内存中存放数据的快数组,另一种是HashTable结构的慢数组,是一种典型的字典形式. 描述 在本文中所有的测试都是基于V8 ...

  7. UIPopoverPresentationController的使用

    前言 最近项目中很多地方有一个相同的需求,那就是点击一个按钮的时候在按钮的某一个方向弹出一个视图,这个视图需要带有一个箭头指向,就像下图一样.要实现这个功能,就要用到UIPopoverPresenta ...

  8. CDN百科第四讲 | 如何优雅地在云上“摆摊”——做直播带货，你不得不关注的技术

    最近,国家政策开始鼓励“地摊经济”,一时间各家企业平台纷纷推出地摊扶持政策,地摊概念股顺势大涨,地摊生态及配套商品也开始走俏,甚至在网络上也涌现出各种“新摊主速成攻略”,万亿的烟火经济俨然已经走上风口 ...

  9. 使用 Spark SQL 高效地读写 HBase

    Apache Spark 和 Apache HBase 是两个使用比较广泛的大数据组件.很多场景需要使用 Spark 分析/查询 HBase 中的数据,而目前 Spark 内置是支持很多数据源的,其中 ...

  10. LaTeX常用符号(持续更新)

    参考网址:https://qianwenma.cn/2018/05/17/mathjax-yu-fa-can-kao/# 基本运算 1.乘法$x\times y$ x\times y 2.乘法$x^{ ...