first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,33 @@
/* 清除浏览器默认的css样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input,
button,
textarea {
outline: none;
border: none;
}
body {
font-size: 0px;
}

View File

@@ -0,0 +1,47 @@
.header{
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 0.68rem;
margin-bottom: 0.6rem;
}
.header img{
width: 0.26rem;
height: 0.27rem;
}
.header span{
font-size: 0.36rem;
color: #000000;
}
.header .header_right{
width: 1.24rem;
height: 0.63rem;
background-color: #5697f4;
border-radius: 0.05rem;
display: flex;
align-items: center;
justify-content: center;
}
.header .header_right span{
font-size: 0.26rem;
color: #ffffff;
}
.content{
display: flex;
align-items: center;
justify-content: center;
}
.content textarea{
font-size: 0.3rem;
color: #c2c2c2;
background-color: antiquewhite;
padding-left: 0.4rem;
padding-right: 0.65rem;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./rem.js"></script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<img src="./img/back.png" alt="">
<span>设置个人介绍</span>
<div class="header_right">
<span>完成</span>
</div>
</div>
<div class="content">
<textarea name="" id="" cols="40" rows="10" placeholder="填写个人介绍更容易获得关注,点击此处添加"></textarea>
</div>
<div class="footer"></div>
</body>
</html>

View File

@@ -0,0 +1,11 @@
window.onload = function () {
getRem(750, 100)
};
window.onresize = function () {
getRem(750, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}