好久没更新了
不是不想写，而是真的没时间写。
因为大学牲……
——————————卑微的分割线——————————
首先简述一下过去一个月的收获
1.当然是搭建了这个HexoBlog啦！！！虽然有人吐槽简陋而且没有服务器，但是这终归是我自己搭建的我所喜欢的博客。
所以，请不要随意评论我的Blog哦~~
2.简简单单地学习了HTML和CSS，大概能够手搓一个非常非常简单的前端页面了
3.入门了CTF，这也是我这一个月所有忙活的目标。
在这一个月里，经过无数次的磕磕碰碰，付出了无数的精力后，从一个完完全全的小白蜕变成了能够自己觅食寻找出路的初学者
4.参加了各种各样的社团面试和活动，每天都安排得满满的真的很累
然后再说一下未来的目标
1.肯定是继续学习前端JS还有后端PHP
2.写题啥的先放一下，因为靠写题来学习知识效率太低了
3.努力学好高数和线代……(希望)
4希望能够加入方班预备班？？？不是，咋我刚写下来就发通知通过了？？？
最后唠嗑两句
想结果的花，都早早低头;时人不识凌云木，直待凌云始道高。
1.默认值
position:static;
2.绝对定位
position:absolute;
top:100px;
left:-20px;
脱离原始位置,但是原始位置占位，参照物是父元素或浏览器第一屏(没有父元素时)
注:通常与相对定位相结合使用
3.相对定位
position:relative;
top:100px;
left:-20px;
不脱离原始位置，但是原始位置不占位(类似于浮动),相对于原始位置
4.固定定位
position:fixed;
top:100px;
left:-20px;
脱离原始位置，固定在浏览器窗口
5.粘性定位
position:sticky;
top:0px;
吸顶效果，需要定义距离边框的距离，css3.0新增
附加:透明度
<style>
p{
opacity:0; #0是完全透明，1是不透明
}
</style>
.box{ #标准style
width:0px; #定义盒子模型基本属性
height:0px;
border:20px solid transparent; #四周全部透明
border-bottom:20px solid red; #单边不透明，重合部分五五分显示颜色，这样子可以显示为三角形
position:relative; #相对盒子模型定位
bottom:2.5px; #移动至中间(美观)
}
.box:hover span{ #悬浮时的style
width:0px;
height:0px;
border:20px solid transparent;
border-top:20px solid red;
position:relative;
top:2.5px;
}
1.外边距
<style>
div{
padding:30px; /* 一个值4个方向一样，两个值上下和左右，三个值上和左右和下，四个值上右下左 */
padding-left:0px; /* 对单一方向更改 */
}
</style>
</head>
<body>
<div>
111111111111111111
</div>
</body>
注意:
1.上下两个box时外边距取大值
2.左右两个box加和
3.有父子两个box时，子盒子加外边距会整体移动
解决:1.加浮动 2.overflow:hidden.
2.边框
<style>
.box1{
border-top:10px dotted red; #solid实线double双实线dashed虚线dotted点状线，可以选择单一方向更改
margin:10px auto; #用法同上，左边是纵向，右边是横向，auto是居中
}
</style>
注意:实际上的编写会有3px的误差，来源于图片标签的图片和文字间类型不同，需要转换:
img{
display:block;
}
迷路，并无小路大路短路长路之区别。不能说在大路长路上迷路就不是迷路了。走在达不到目的的路上，就是迷路。
<!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>ul{
list-style-type:none; /* disc实心圆 circle空心圆 square实心正方形 none无 */
list-style-image:url(地址); /* 这样子是全部都使用这种style的，否则要在li前加class */
list-style-position: outside; /* outside把上面的元素放在盒子外面，inside放在里面 */
}
.p1{
list-style:none url(地址) inside; /* 复合属性写法 */
}
</style>
</head>
<body>
<ul>
<li class="p1">
内容
</li>
</ul>
</body>
</html>
用法和字体颜色一样
font-size 字体大小 单位是px，浏览器默认是16px,设计图常用字号是12px
font-family 字体 当字体是中文字体、英文字体中有空格时，需加双引号
多个字体中间用逗号链接,先解析第1个字体,如果没有解析第2个字体，以此类推
color 颜色 color:red;color:#ff0；color:rgb(255,0,0)；0-255
font-weight 加粗 font-weight:bolder(更粗的)/bold（加粗）/normal（常规）
font-weight:100-900；100-500不加粗 600-900加粗
font-style 倾斜 font-style:italic(斜体字)/oblique(oblique倾斜的文字)/normal（常规显示）；
text-align 文本水平对齐 text-align: left; 水平靠左
text-align：right; 水平靠右
text-align：cente; 水平居中
text-align: justify; 水平2端对齐，但是只对多行起作用
text-transform 单词大小写 uppercase全部大写,lowercase全部小写,none无定义,capitalize首字母大写
样例
<!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>
.p1{
font-size:13px;
}
.p2{
font-family:宋体,等等等; #逗号间隔，从左到右依次使用
}
</style>
</head>
<body>
<p class="p1 p2">
内容
</p>
</body>
</html>
字体总结:
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新宋体 NSimSun
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
仿宋 FangSong
楷体 KaiTi
仿宋 _GB2312 FangSong_GB2312
楷体 _GB2312 KaiTi_GB2312
<!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>
<table border="1" width="500px" <!-- 创建表格 -->
align="center"
bordercolor="red"
bgcolor="yellow"
cellspacing="20"
cellpadding="100"> <!-- 可以选择换不换行，但是>要放在最后 -->
<tr> <!-- tr是行 -->
<td>内容</td> <!-- td是单元格 -->
</tr>
<tr bgcolor="orange" height="100" align="center" valign="bottom">
<td bgcolor="red" align="right" valign="top">内容</td>
</tr>
</table>
</body>
</html>
表格table属性
1. 宽度 width （可以写成百分比————父元素的百分比）
2. 高度 height （只能写像素px）
3. 边框 border
4. 边框颜色 bordercolor
5. 背景颜色 bgcolor
6. 水平对齐 align="left"或right或center
7. cellspacing="单元格与单元格之间的间距
8. cellpadding="单元格与内容之间的空隙
行tr属性
1. 高度 height
2. 背景颜色 色bgcolor
3. 文字水平对齐 align=“left或right或center”
4. 文字垂直对齐 子valign=“top或middle或bottom"
单元格td属性（table data）
1. 宽度 width （影响一列）
2. 高度 height （影响一行）
3. 背景颜色 bgcolor
4. 文字水平对齐 align=“left或right或center”
5. 文字垂直对齐 valign=“top或middle或bottom
表格合并
colspan="要合并的列数"
rowspan="要合并的行数"
注意不能合并成T型，合并之后要把被占的元素删除（注释掉）
<body>
<form action="地址" method="POST"> <!-- POST是不显示在url的，GET会暴露 -->
内容：<input type="text" placeholder="提示信息，输入内容后会消失" name="内容"> <!-- 输入的完全显示 -->
内容：<input type="password" placeholder="提示信息，输入内容后会消失" name="内容"> <!-- 输入的显示为一个点 -->
<input type="submit" value="按钮上的内容" > <!-- 提交信息到action指定的地址 -->
<input type="reset" value="按钮上的内容" > <!-- 清除全部表单内容 -->
<input type="button" value="按钮上的内容" > <!-- 自定义按钮 -->
</form>
</body>
***不设置name就不能发送
***typr="submit"相当于<button>内容</button>
Form当中method的post和get的区别？
1.get是从服务器上获取数据，post是向服务器传送数据。
2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段——对应，在URL中可以看到。
post 是通过HTTPpost机制，将表单内各个字段与其内容放置在HTMLHEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3.对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
4.get传送的数据量较小。post传送的数据量较大，一般为不受限制。