摸鱼的前端练习学习笔记（二）

摸鱼的前端练习学习笔记（二）

今天第二天进行独立编写，因为今天要学习ELK，所以只写了一个导航栏，但是还有首尾的位置没有调出来。

HTML

今天加了一个div，在其中使用<ul>标签和<li>标签显示导航栏，在li标签中加入<a>标签,将列表设为超链接。

CSS

在css中将此div设置margin-top，设置距离上一个元素距离，在ul标签中设置每个标签都居中,设置文字大小和字体，设置每个li为左浮。设置li标签风格为none，设置文字行高和div块一样高，设置居顶部高度使之在垂直方向可以居中。

							list-style: none;
							float: left;
							text-align: center;
							width: 120px;
							height: 35px;
							font-size: 20px;
							font-family: "宋体";
							border-right: #00008B 2px solid;
							line-height: 35px;
							margin-top: -15px;

记录一些所学知识：

ul标签配合li标签使用
li标签可以设置取消点，list-style：none；
设置边框可以单独设置边框的一边
设置line-height就是设置文字的行高
margin-top等可以为负数

图片在下面，留个记录看看每天的进度