发表于: 2020-05-13 19:55:13
2 1585
今日完成
九宫格
主要就是盒子模型的理解,那四块加起来一行得有100%
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>九宫格</title>
<style type="text/css">
div {
width: 31.3%;
padding-bottom: 31.3%;
margin: 1%;
float: left;
background-color: orange;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
效果
任务2
nginx大概就是配置下路径,改下默认访问位置,页面在同一wifi可以直接用手机访问,localhost或者127.0.0.1改为ipconfig出的ipv4
阿里云服务器上nginx配置域名原本就有,这里就不单独设置子域名关联了,代码我还是传到github上
任务1、2一起提交了
明日计划
webflex、position、float这几个css概念搞清楚
碰到问题
让图片适应屏幕大小和清晰度这块,是具体什么设置,还是对图片进行操作
评论