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

12
历届学生/周阳/.gitignore vendored Normal file
View File

@@ -0,0 +1,12 @@
bin-debug/
bin-release/
[Oo]bj/
[Bb]in/
.settings/
*.swf
*.air
*.ipa
*.apk
任务.txt

54
历届学生/周阳/每日课程/2021-04-15/Positioning.html Normal file
View File

@@ -0,0 +1,54 @@
<!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 {
margin: 0;
}
.box {
width: 200px;
height: 200px;
border: 1px solid #000;
float: left;
}
.box_1 {
background: blue;
}
.box_2 {
background: gray;
position: relative;
left: 30px;
top: 20px;
}
.box_3 {
background: yellow;
position: fixed;
right: 0;
bottom: 0;
}
.box_5 {
background: navajowhite;
position: absolute;
left: 30px;
top: 30px;
}
.box_4 {
background: red;
}
</style>
</head>
<body>
<div class="box box_1"></div>
<div class="box box_2"></div>
<div class="box box_3"></div>
<div class="box box_5"></div>
<div class="box box_4"></div>
</body>
</html>

30
历届学生/周阳/每日课程/2021-04-15/box.html Normal file
View File

@@ -0,0 +1,30 @@
<!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 {
margin: 0;
}
.box {
width: 200px;
height: 200px;
border: 10px solid #000;
/* border-left: 10px solid #000;
border-right: 10px solid #000;
border-top: 10px solid #000;
border-bottom: 10px solid #000; */
padding: 5px 30px 20px;
margin: 30px;
background: red;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>

68
历届学生/周阳/每日课程/2021-04-15/css.html Normal file
View File

@@ -0,0 +1,68 @@
<!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>
<link rel="stylesheet" href="./index.css" />
<style>
ul li {
margin-right: 10px;
float: left;
list-style: none;
}
ul li:nth-child(5n) {
color: red;
}
.ba::before{
content: "before";
}
.ba::after{
content: "after";
}
.ba:hover {
color: red;
}
.search {
width: 150px;
}
.search:focus {
width: 300px;
}
</style>
</head>
<body>
<p>哈哈哈</p>
<div id="test">dewqdew</div>
<p class="ba">测试</p>
<input class="search" type="text" placeholder="输入搜索内容">
<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>
</body>
</html>

81
历届学生/周阳/每日课程/2021-04-15/css笔记.txt Normal file
View File

@@ -0,0 +1,81 @@
选择器
选择器类型 {
css属性名: css属性值;
}
标签选择器
通配符 *
重置标签的默认样式
class选择器
.名字
id选择器
#名字
一般用在js上
id="login"
伪类选择器
定位：position
作用：实现各种复杂布局的
1：相对定位 relative
如果元素被设置了相对定位，
那么它会脱离文档流，
但原本位置不会被删除
他的定位参考对象是原本的位置(左上角)
2：绝对定位 absolute
那么它会脱离文档流，
原本位置被删除了
他的定位参考对象是原本的位置
1: 如果该元素的父容器设置了定位，那么参考父容器来定位
2: 如果该元素的父容器没有设置定位，那么参考浏览器边框定位
3：固定定位 fixed
那么它会脱离文档流，
原本位置被删除了
参考浏览器边框定位
4：普通定位（流式定位）
两种方案让元素横着排列：
1:
display: inline-block;
inline
block
2: float 浮动
盒子模型：
margin（外边距） padding（内边距） border（边框） content（内容）
padding: 10px;
padding: 10px 20px;
padding: 5px 30px 20px;
padding: 10px 20px 30px 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
真实宽高 = content 宽高 + padding（内边距）+ border（边框）
box-sizing: border-box;
200x200 = content 宽高 + padding（内边距）+ border（边框）

0
历届学生/周阳/每日课程/2021-04-15/index.css Normal file
View File

116
历届学生/周阳/每日课程/2021-04-15/index.html Normal file
View File

@@ -0,0 +1,116 @@
<!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>
</head>
<body>
<p>段落</p>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法加载">
<a href="https://www.baidu.com/" target="_blank">超链接</a>
<!--留坑，等会填-->
<span>我是span</span>
<div>我是div</div>
<input type="text" placeholder="请输入用户名">
<input type="number" placeholder="请输入手机号">
<input type="password" placeholder="请输入密码">
<h2>请选择你的爱好</h2>
<input type="radio" name="ah">
<input type="radio" name="ah">
<input type="radio" name="ah">
<h2>请选择你的转长</h2>
<input type="checkbox" name="zc">
<input type="checkbox" name="zc">
<input type="checkbox" name="zc">
<input type="date">
<input type="file">
<input type="range">
<select name="" id="">
<option value="">请选择</option>
<option value="">合肥</option>
<option value="">上海</option>
<option value="">南京</option>
</select>
<textarea name="" id="" cols="30" rows="10" placeholder="输入留言"></textarea>
<video src="/Users/bmy/source/怪客课堂/Vue3.0/视频/vue3_5.mp4"
width="800" controls autoplay></video>
<audio src=""></audio>
<div>
<big>AVideo.js</big> 是一款
<strong>支持高度自定义</strong>
，<del>使用起来十分</del>
简洁易懂的视频播放器，<i>可以广泛的</i> 使用在各个主流的PC设备上，移动端还没开 <small>始做兼容性</small> 处理，<sub>请</sub> 耐心等 <sup>候</sup> ！AVideo.js源码全部采用 Typescript 进行编写，严格规范代码。播放器的页面样式使用模板引擎 Pug 进行开发，后面会基于Pug编写更多的页面模板，用户在使用的时候可以任意选择不同的模板或者自定义等！CSS使用Less进行编写，最后源码使用WebPack进行打包构建！
</div>
<button>你好</button>
<pre>
{
"name": "hello",
"bin": {
"hello": "hello"
}
}
</pre>
<form action="http://127.0.0.1:8888/a.php" method="GET">
<input type="text" name="username" id="" placeholder="用户名">
<input type="text" name="userpwd" id="" placeholder="用户密码">
<!-- <input type="button" value="哈哈哈1"> -->
<!-- <button>哈哈哈3</button> -->
<input type="submit" value="登 录">
</form>
<iframe src="https://www.baidu.com/" frameborder="0"></iframe>
<table>
<tr>
<th>id</th>
<th>用户名</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
</tr>
</table>
</body>
</html>

43
历届学生/周阳/每日课程/2021-04-15/media.html Normal file
View File

@@ -0,0 +1,43 @@
<!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 {
margin: 0;
}
.box_1 {
width: 187.5px;
height: 187.5px;
background: rebeccapurple;
float: left;
}
.box_2 {
width: 187.5px;
height: 187.5px;
background: yellow;
float: left;
}
@media screen and (min-width: 375px) and (max-width: 414px){
.box_1 {
width: 207px;
height: 207px;
}
.box_2 {
width: 207px;
height: 207px;
}
}
</style>
</head>
<body>
<div class="box_1"></div>
<div class="box_2"></div>
</body>
</html>

42
历届学生/周阳/每日课程/2021-04-15/笔记.txt Normal file
View File

@@ -0,0 +1,42 @@
meta 原数据标签
https://blog.csdn.net/qq_16559905/article/details/51182085
标签有两类：
1：块标签 div，h1~h6，p，ul，ol
会独占一行的标签
可以设置宽高
2：行标签 a，img，input，span，video
不会独占一行的标签
不可以设置宽高
div , span
作用？
用来实现网站布局结构的划分！
form method
js ajax
GET 地址栏传参（query传参）
http://127.0.0.1/b.php?username=1111&userpwd=2222&phone=11111
POST
form data（请求体中传递参数）
请求
1：请求头
请求参数
2：响应头
响应数据
3：请求体
请求方式：
GET
POST
PUT
DELETE

0
历届学生/周阳/项目开发/上课项目/_.txt Normal file
View File

39
历届学生/周阳/项目开发/上课项目/布局练习/demo1.html Normal file
View File

@@ -0,0 +1,39 @@
<!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>
</head>
<body>
<div class="header">
<div class="header_top">
<img src="" alt="">
<input type="text">
</div>
<div class="header_bottom">
<ul>
<li>首页</li>
</ul>
</div>
</div>
<div class="content">
<div class="left"></div>
<div class="right"></div>
</div>
<div class="footer">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li>
<h2></h2>
<img src="" alt="">
</li>
</ul>
</div>
</body>
</html>

0
历届学生/周阳/项目开发/作业项目/周阳/_.txt Normal file
View File

0
历届学生/周阳/项目开发/作业项目/王雪梅/_.txt Normal file
View File