HTML和CSS
这部分主要是在freecodecamp（大二寒假）以及百度前端技术学院（大三寒假）中学习。
freecodecamp的学习由于时间过于久远，等以后复习时更。
百度前端学院学习：
css：
1、nav导航栏的使用：div下左侧一个图标，右侧一个ul列。ul右浮动 li使用左浮动。（li需要list-style：none将前面的点去掉）
2、margin是外边距，padding是内边距（会改变width大小） 后面数字顺序为依次上右下左，若只有两个数字则为 上下，左右。
3、字体间距：line-height：2 em；首行缩进：text-indent：2 em
4、表格
5、背景图片可以直接设置：background：url（www.xxxxx.com）no-repeat；background-size：cover
6、多个样式设置同种样式使用逗号。
7、~用法：element1~element2 选择器 element1 之后出现的所有 element2。
两种元素必须拥有相同的父元素，但是 element2 不必直接紧随 element1。
css实现点击下拉子菜单方法：
使用inputcheckbox，先使子菜单隐藏，display：none然后在css里选择input：checked~ol｛display：block｝（点击input后触发哪一个元素做什么事）注意input也隐藏，input的id和label的for指向相同，这样点击label相当于点击input
8、设置鼠标放置呈点击状态：cursor：pointer
9、flex布局，container里align-item记住。
10、css3里target可以直接实现点击变换div样式
11、transition渐变 tr:nth-child(-n+3)表示tr的前三列。（odd）（even）表示奇偶。
12、表单，input的样式要改border：1px solid #666；类似这种才好看。
如何设置水平垂直居中？
一、position：absolute然后设高宽，将定位位置上下左右都设为0，使用left：50%，top：50%。
二、.element {
width: 600px; height: 400px;
position: absolute; left: 50%; top: 50%;
margin-top: -200px; / 高度的一半 /
margin-left: -300px; / 宽度的一半 /
}
清除浮动：父元素中设置overflow：hidden（这个也可以用于隐藏溢出部分）
布局：
两栏布局：浮动
三栏布局：
1、全部左浮动并设置每个width33%
2、左部左浮动，右部有浮动，中间使用margin（div的顺序也是如此）
ps：先排版带浮动的div后排无的。否则会不在一列
