用到了以下知识：
1. ul和li的浮动
要实现靠右浮动，如下操作：将ul包裹在div中，让div在上一级div中右浮动，然后让li标签在本级div-nav中靠左浮动。记得要设置li的左右margin值，以实现左右等距。
<div class="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">FACULTY</a></li>
<li><a href="#">ENENTS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
2.a链接。href url和src的区别
href主要用于html打开新的链接 <a href="#"></a> ，和link引入css文本 <link href="链接" rel="stylesheet" type="text/css"/>
url主要用于css img中图片的链 background-image:url(链接);
src主要用与html img的链接<img src="图片地址"/> ，和引入js文件（还没学）。
3.img插入
width和height属性设置
4.input和textarea，hr居中显示
5.相对定位relative、绝对定位absolute和固定定位fixed
6.利用borde边框和绝对定位实现箭头效果
思路：建立一个空div标签，width和height为0，设置边框，以左箭头为例：
.arrowleft{
border-right: 20px solid #07cbc9;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
width: 0;
height: 0;
}
设置border右边为想要的颜色，其宽度影响箭头左右宽度，上下border的宽度影响箭头的高度，不设置左border。
同理如要设置向右的标签，就不能设置右border，
箭头的位置，目前可以用绝对定位来实现。