写一个博客首页

<!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. 使用PyQtGraph绘制图形(2)

    采用addplot()方法将多个图形添加到一个窗口. 首先利用numpy模块创建两个随机数组,用来作为图形绘制的数据: import pyqtgraph as pg import numpy as n ...

  2. Say Something About Of Flash Android

    Why am I need say something about of flash android? It's at my college life when I touch flash andro ...

  3. [apue] sysconf 的四种返回状态

    众所周知,sysconf 用来返回某种常量的定义或者资源的上限,前者用于应用动态的判断系统是否支持某种标准或能力.后者用于决定资源分配的尺寸. 但是你可能不知道的是,sysconf 可以返回四种状态: ...

  4. Edge浏览器现已支持Tampermonkey(油猴)

    Tampermonkey,Greasemonkey,这种扩展可以让我们的浏览器自动运行我们自己定义的脚本,然后就出现了相关网站(比如https://greasyfork.org/zh-CN)让大家在上 ...

  5. 关于JSON数据体积优化的一点小心得

    最近在做的一个项目里传输的json数据比较大,造成了线程间的卡顿,于是想优化一下json数据的体积. 可以看到在json文件里有很多无用的字段,这些字段占据了大量的存储空间. 对数据的结构作一下优化, ...

  6. Java——String类(常用类)

    一.String类——描述字符串 常用的方法简单介绍: 1.charAt() 获取对应位置的字符 2.length() 获取字符串的长度 3.concat() 在字符串的尾部追加内容-----相当于连 ...

  7. 01---eclipse使用

    一.eclipse快捷键 1.alt+? 或 alt+/:自动补全代码或者提示代码,可用于main函数(main).输出函数(syso)等 2.ctrl+1:错误提示 3.ctrl+/:自动注释当前行 ...

  8. git 的使用:

    git  的官方网址是: https://git-scm.com/downloads github 的官方网址: https://github.com/ git 的原理图: git 和 github ...

  9. JVM生命周期与运行过程

    1. Java虚拟机的生命周期 Java虚拟机的生命周期 一个运行中的Java虚拟机有着一个清晰的任务:执行Java程序.程序开始执行时他才运行,程序结束时他就停止.你在同一台机器上运行三个程序,就会 ...

  10. Netdiscover

    Netdiscover不仅支持主动arp检测,还支持被动的arp检测,即把网卡设置为混杂模式,收取所有局域网内的arp广播数据包,从而判断活着的ip. 主动发现命令格式:netdiscover  -i ...