background:red
<-
容器背景色
}
#nav
ul{
background:gray
<-代表
ul整体背景色
}
两者都起到了作用，若想改变单个<home>背景色
应在#nav
ul
li{}内添加；
②text-align:center
<-字体居中
并非容器居中
"margin:0
auto"
应该在写#nav{}内；使其居中显示；
③在#nav
ul
li{}加入
margin:0px
padding:0px试试看
1.ul是无序列表，也就是说没有排列限制可以随意加li；<ul>
<li>可以随意放置</li>
<li>可以随意放置</li>
<li>可以随意放置</li>
</ul>
.可以随意放置
.可以随意放置
.可以随意放置
2.ol就序列表，会按照你写的li前后依次排列；
<ol>
<li>我是第一</li>
<li>我是第二</li>
<li>我是第三</li>
</ol>
1.我是第一
2.我是第二
3.我是第三
3.dl是定义列表，会默认前后层级关系；
<dl>
<dt>我是头</dt>
<dd>我是内容</dd>
<dd>我是内容</dd>
</dl>
我是头
--我是内容
--我是内容
希望能帮到你！
1、首先先打开我们的开发环境新建一个web项目。
2、在html中引入css文件这里是html页面的代码div和ul。
3、将所有标签的margin和padding初始为0然后将父级div的display设置为flexalign-items设置为center。
4、运行web项目后得到的结果如图所示垂直居中了。
5、 将display设置为table-cell，将vertical-align设置为middle即可。
6、将ul的高度设置为百分比然后使用相对定位设置top为二分之一的百分之百减去ul的高度即可。
7、使用line-height将其设置div的高度必须是确定值，然后将li左或者右浮动即可。
