day45作业
利用 html + css 写一个最基本的页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*通用样式*/
body {
margin: 0;
background: #D5D5D5;
}
a {
text-decoration: none;
}
a:hover {
color: whitesmoke;
}
ul {
list-style-type: none;
padding-left: 0;
}
.clearfix:after {
content: ' ';
clear: both;
display: block;
}
/*内容样式*/
.left {
width: 20%;
height: 1000px;
background-color: #767676;
position: fixed;
float: left;
}
.left .img {
border: 3px solid white;
width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
margin: 30px auto;
}
.img img {
width: 100%;
}
.info1 {
font-size: 20px;
color: darkgray;
text-align: center;
}
.info2 {
font-size: 20px;
color: black;
text-align: center;
}
.info3 {
font-size: 20px;
color: black;
text-align: center;
}
.right {
width: 80%;
height: 1000px;
background-color: white;
float: right;
}
.title {
border-left: 5px solid red;
margin-left: 10px;
}
.list {
background-color: white;
margin: 20px 40px 20px 10px;
box-shadow: 5px 5px 5px 5px rgba(129,70,34,0.8);
}
.title .t {
/*float: left;*/
font-size: 35px;
margin-left: 18px;
}
.title .date {
float: right;
margin: 20px;
}
.content p {
text-indent: 25px;
}
.content {
border-bottom: 1px solid black;
}
.buttom {
text-indent: 20px;
}
</style>
</head>
<body>
<div class="left clearfix">
<div class="img"><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2947173397,1134386833&fm=26&gp=0.jpg" alt=""></div>
<div class="info1">
<p>Jack秦</p>
<p> 爱又怎样,又不能当饭吃 我口袋没有钱请你吃饭 爱我很累,...</p>
</div>
<div class="info2">
<ul>
<li><a href="https://www.cnblogs.com/qinyujie/">关于我</a></li>
<li><a href="https://www.cnblogs.com/qinyujie/">微博</a></li>
<li><a href="https://www.cnblogs.com/qinyujie/">微信公众号</a></li>
</ul>
</div>
<div class="info3">
<ul>
<li><a href="https://www.cnblogs.com/qinyujie/"># Python</a></li>
<li><a href="https://www.cnblogs.com/qinyujie/"># Linux</a></li>
<li><a href="https://www.cnblogs.com/qinyujie/"># MySQL</a></li>
</ul>
</div>
</div>
<div class="right clearfix">
<div class="list">
<div class="title">
<span class="t">标题一</span>
<span class="date">2019/11/15</span>
</div>
<div class="content">
<p>人生就像一场舞会，教会你最初舞步的人却未必能陪你走到散场</p>
</div>
<hr>
<div class="buttom">
<span># Python</span>
<span># Shell</span>
</div>
</div>
<div class="list">
<div class="title">
<span class="t">标题一</span>
<span class="date">2019/11/15</span>
</div>
<div class="content">
<p>人生就像一场舞会，教会你最初舞步的人却未必能陪你走到散场</p>
</div>
<hr>
<div class="buttom">
<span># Python</span>
<span># Shell</span>
</div>
</div>
<div class="list">
<div class="title">
<span class="t">标题一</span>
<span class="date">2019/11/15</span>
</div>
<div class="content">
<p>人生就像一场舞会，教会你最初舞步的人却未必能陪你走到散场</p>
</div>
<hr>
<div class="buttom">
<span># Python</span>
<span># Shell</span>
</div>
</div>
<div class="list">
<div class="title">
<span class="t">标题一</span>
<span class="date">2019/11/15</span>
</div>
<div class="content">
<p>人生就像一场舞会，教会你最初舞步的人却未必能陪你走到散场</p>
</div>
<hr>
<div class="buttom">
<span># Python</span>
<span># Shell</span>
</div>
</div>
<div class="list">
<div class="title">
<span class="t">标题一</span>
<span class="date">2019/11/15</span>
</div>
<div class="content">
<p>人生就像一场舞会，教会你最初舞步的人却未必能陪你走到散场</p>
</div>
<hr>
<div class="buttom">
<span># Python</span>
<span># Shell</span>
</div>
</div>
<div class="list">
<div class="title">
<span class="t">标题一</span>
<span class="date">2019/11/15</span>
</div>
<div class="content">
<p>人生就像一场舞会，教会你最初舞步的人却未必能陪你走到散场</p>
</div>
<hr>
<div class="buttom">
<span># Python</span>
<span># Shell</span>
</div>
</div>
</div>
</body>
</html>
day45作业的更多相关文章
- day45 作业
一.将当前日期按"2017-12-27 11:11 星期三"格式输出 function getdate(){ var d = new Date(); year = d.getFul ...
- 团队作业8——第二次项目冲刺（Beta阶段）Day4--5.21
展开圆桌式会议: 会议内容:1.团队成员对昨天任务完成情况做一个简单交流,并对昨天工作中存在的问题提出集中讨论解决:2.按照昨天的昨天工作分配表做具体的任务分配:3.简单讨论明天的任务分配每个人的工作 ...
- python10作业思路及源码：类Fabric主机管理程序开发（仅供参考）
类Fabric主机管理程序开发 一,作业要求 1, 运行程序列出主机组或者主机列表(已完成) 2,选择指定主机或主机组(已完成) 3,选择主机或主机组传送文件(上传/下载)(已完成) 4,充分使用多线 ...
- SQLServer2005创建定时作业任务
SQLServer定时作业任务:即数据库自动按照定时执行的作业任务,具有周期性不需要人工干预的特点 创建步骤:(使用最高权限的账户登录--sa) 一.启动SQL Server代理(SQL Server ...
- 使用T-SQL找出执行时间过长的作业
有些时候,有些作业遇到问题执行时间过长,因此我写了一个脚本可以根据历史记录,找出执行时间过长的作业,在监控中就可以及时发现这些作业并尽早解决,代码如下: SELECT sj.name , ...
- T-SQL检查停止的复制作业代理，并启动
有时候搭建的复制在作业比较多的时候,会因为某些情况导致代理停止或出错,如果分发代理时间停止稍微过长可能导致复制延期,从而需要从新初始化复制,带来问题.因此我写了一个脚本定期检查处于停止状态的分 ...
- Python09作业思路及源码：高级FTP服务器开发（仅供参考）
高级FTP服务器开发 一,作业要求 高级FTP服务器开发 用户加密认证(完成) 多用户同时登陆(完成) 每个用户有不同家目录且只能访问自己的家目录(完成) 对用户进行磁盘配额,不同用户配额可不同(完成 ...
- 个人作业week3——代码复审
1. 软件工程师的成长 感想 看了这么多博客,收获颇丰.一方面是对大牛们的计算机之路有了一定的了解,另一方面还是态度最重要,或者说用不用功最重要.这些博客里好些都是九几年或者零几年就开始学习编 ...
- 个人作业-week2：关于微软必应词典的案例分析
第一部分 调研,评测 评测基于微软必应词典Android5.2.2客户端,手机型号为MI NOTE LTE,Android版本为6.0.1. 软件bug:关于这方面,其实有一些疑问.因为相对于市面上其 ...
随机推荐
- 【JZOJ6293】迷宫
description analysis 有没有想起[\(NOIP2018\)]保卫王国? 设\(tr[t][x][y]\)表示线段树上的\(t\)节点代表的区间,从最左边列的\(x\)行到最右边列\ ...
- 【JZOJ4474】【luoguP4071】排列计数
description 求有多少种长度为 n 的序列 A,满足以下条件: (1)1 ~ n 这 n 个数在序列中各出现了一次 (2)若第 i 个数 A[i] 的值为 i,则称 i 是稳定的.序列恰好有 ...
- NIO 详解
同步非阻塞 NIO之所以是同步,是因为它的accept read write方法的内核I/O操作都会阻塞当前线程 IO模型 IO NIO 通信 面向流(Stream Oriented) 面向缓冲区(B ...
- Oracle大数据SQL语句优化
1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索 ...
- day12 bash中的if、for
bash 变量bash 定义:x= 作用:记录状态 规则:字母开头,后面可以接字母.数字.下划线 export args:将变量定义为全局变量 $$[]:括号中可以进行简单的数学整数运算,可以用ech ...
- 树上思维题——cf1060E
只要算每条路径的贡献即可 显然长度为偶数的贡献是len/2 长度为奇数的贡献是(len+1)/2 所以结果就是(sum+tot)/2 sum:路径总长 tot:奇数路径数量 怎么求奇数路径数量:只有深 ...
- C++——类的多继承
多继承概念 一个类有多个直接基类的继承关系称为多继承 多继承声明语法 class 派生类名 : 访问控制 基类名1 , 访问控制 基类名2 , … , 访问控制 基类名n { 数据成员和成 ...
- java.sql.SQLSyntaxErrorException: ORA-00932: 数据类型不一致: 应为 NUMBER, 但却获得 BINARY
2019-07-24 17:24:35 下午 [Thread: http-8080-4][ Class:net.sf.ehcache.store.disk.Segment Method: net.sf ...
- Spring源码由浅入深系列一 简介
概述: Spring是一个企业级的开源框架.它提供轻量级的依赖注入.面向切面编程.全方位的整合框架.下图是Spring框架的组成部分,各部分内容作了简单说明. 依赖注入: 依赖注入是S ...
- import socket模块
编写两个小脚本实现聊天功能0.1: 脚本一,服务器端:server.py import socket # 调用模块 sk = socket.socket() # 创建socket addess = ( ...