FOR复试

做网页的第二天

新学到的知识
关于flex布局（摘自菜鸟教程|Flex布局语法教程）
Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何容器都可指定为flex布局（Webkit内核的浏览器，必须加上-webkit前缀）
设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
容器的属性：

flex-direction属性决定主轴方向（即项目排列方向）
主要有的数值
flex-wrap属性
默认情况下，项目都排在一条线（又称”轴线”）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。
可能取的值
（1）nowrap（默认）：不换行。
（2）wrap：换行，第一行在上方。
（3）wrap-reverse：换行，第一行在下方。
flex-flow属性
flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。
justify-content属性
justify-content属性定义了项目在主轴上的对齐方式。

align-items属性
align-items属性定义项目在交叉轴上如何对齐。
align-content属性
align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。

复习的知识

关于列表
html中一共有3种列表：
1.有序列表；
2.无序列表；
3.定义列表

有序列表，使用ol创建有序列表，使用li表示列表项；
无序列表，使用ul创建无序列表，使用li表示列表项；（经常用于导航栏）
定义列表：使用dl标签创建一个定义列表，使用dt表示定义内容，使用dd来对内容解释说明；
列表之间可以互相嵌套

关于超链接
超链接可以让我们从一个界面跳转到新的页面，或者当前页面的其它位置；
使用a标签来定义超链接，超链接也是一个行内元素，在a标签里可以嵌套除它自身外任意元素。
属性：href指定跳转的目标路径
值可以是一个外部网站的地址，也可以写一个内部页面的地址（需要确保两个在同一目录下）

关于超链接的另外用法
target属性，用来指定超链接打开的位置
_self 默认值 在当前页面打开超链接
_blank在一个新的页面中打开超链接
可以将超链接的href属性设置为#，这样点击超链接以后页面不会发生跳转，而是转到当前页面的顶部位置。
关于相对路径
相对路径一般使用.或…开头
./表示当前文件所在目录 path
…/表示当前目录所在上级
./可以省略不写，如果不写./也不写…/则就相当于写了./