哈哈哈先琐碎写一点，以后做技术了，别人会感觉哇，写好多呢，其实都翻不到这一页啦哈哈哈

又进步了，我感觉我这次代码写的非常工整，而且逻辑看气起来清晰明了在这里插入代码片<style type="text/css"> /*   取消浏览器默认内外边距*/    * {     margin: 0;     padding: 0;    }    /*设置导航头部图片大小和居中样式*/    .nav-pic {     height: 180px;     width: 1000px;     margin: auto;    }    /*设置插入图片的大小*/    img {     height: 100%;     width: 100%;     /*图片居中代码不会哎,我加个div设置居中*/        }    /*设置导航文字分类部分的样式,高宽和背景颜色,居中,填充内边距使li中文字处于居中状态*/    .nav-daohang {          height: 40px;     width: 1000px;     background-color: darkgrey;     margin: auto;     padding: 10px 0;    }    /*使Li转换成行内块元素，取消列表默认格式,设置左浮动，和内填充使文字有间隔*/    li {          outline-style: none;     display: inline-block;     float: left;     padding-right: 15px;     /*background-color: ;*/         }    /*取消a链接中的下划线,设置字体大小,颜色,使文字处于居中状态*/    a {     text-decoration: none;      font-size: 25px;     color: darkslategray;         }    .nav-daohang li:hover {     background-color: white;     color: gray;    }          </style>