bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
历届学生/font-end-nine/每天上课/2022-06-01/Oxanium-Regular.ttf Normal file
View File

Binary file not shown.

114
历届学生/font-end-nine/每天上课/2022-06-01/background.html Normal file
View File

@@ -0,0 +1,114 @@
<!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>background</title>
<style>
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
input {
width: 240px;
height: 38px;
border: none;
outline: none;
/*
background: #eee;
background-image: url("./search.png");
background-repeat: no-repeat;
background-size: 18px;
background-position: 207px center; */
background: #eee url("./search.png") no-repeat 207px center;
background-size: 18px;
border-radius: 20px;
padding: 0;
padding-left: 20px;
padding-right: 40px;
box-sizing: border-box;
}
.menu {
width: 100vw;
overflow-x: scroll;
}
.menu ul {
width: 1230px
}
.menu ul li {
display: inline-block;
}
.item {}
.item img {
width: 50px;
height: 50px;
vertical-align: middle;
}
</style>
</head>
<body>
<input type="text" placeholder="输入关键字">
<div class="menu">
<ul>
<li>标题1</li>
<li>标题2</li>
<li>标题3</li>
<li>标题4</li>
<li>标题5</li>
<li>标题6</li>
<li>标题7</li>
<li>标题8</li>
<li>标题9</li>
<li>标题10</li>
<li>标题11</li>
<li>标题12</li>
<li>标题13</li>
<li>标题14</li>
<li>标题15</li>
<li>标题16</li>
<li>标题17</li>
<li>标题18</li>
<li>标题19</li>
<li>标题20</li>
</ul>
</div>
<div class="item">
<img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="">
<span>你好</span>
</div>
</body>
</html>

38
历届学生/font-end-nine/每天上课/2022-06-01/float.html Normal file
View File

@@ -0,0 +1,38 @@
<!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>
<style>
.box {
width: 200px;
height: 200px;
float: left;
}
.bo1 {
background: red;
}
.bo2 {
background: blue;
}
.bo3 {
background: green;
}
</style>
</head>
<body>
<div class="main">
<div class="box bo1"></div>
<div class="box bo2"></div>
<div class="box bo3"></div>
</div>
<div class="conetnt">
<p>哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
</div>
</body>
</html>

67
历届学生/font-end-nine/每天上课/2022-06-01/index.html Normal file
View File

@@ -0,0 +1,67 @@
<!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>
<style>
body,h1,h2,h3,h4,h5,h6,ul,li {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
@font-face {
font-family: "test";
src: url("./Oxanium-Regular.ttf");
}
h1 {
font-family: test;
line-height: 30px;
}
.box {
width: 200px;
height: 200px;
}
.box1 {
background: red;
line-height: 200px;
}
.box2 {
background: rgb(169, 169, 169);
}
.title {
font-weight: bolder;
}
</style>
</head>
<body>
<a href="">你好</a>
<div class="box box1">
<p>你好1</p>
</div>
<div class="title">今天天气不好</div>
<div class="box box2">
爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起爱时间彼此机器臂对不起
</div>
</body>
</html>

BIN
历届学生/font-end-nine/每天上课/2022-06-01/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
历届学生/font-end-nine/每天上课/2022-06-01/search.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 996 B

38
历届学生/font-end-nine/每天上课/2022-06-01/笔记.txt Normal file
View File

@@ -0,0 +1,38 @@
text-decoration: none; 去除a标签的下划线
font-family
line-height 设置行高
设置单行文字的 垂直对齐, 数值和父元素高度一样
text-align: center;
设置水平方向的对其方式
注意：
line-height
text-align
div内部，行内标签设置文字（div内部的文字）对齐
块标签 内部 块标签 要居中的时候
margin: 0 auto
font-weight 加错
letter-spacing 设置字符间距
text-shadow: x轴偏移 y轴偏移 阴影模糊度 阴影颜色; 文字阴影
box-shadow: 盒子阴影 一般给块标签设置的
border: none; 去除边框
outline: none; 去除外边框
border-radius 圆角
background-attachment: fixed; 背景图不随页面滚动
overflow: scroll; hidden 决定超过父元素的部分如何显示
float 浮动 让元素放一行
子元素设置浮动后，父元素就会没有高度，解决方案：
手动设置height
overflow: hidden;
clear: both;