html网页导航栏中的ul,li书写套路

可以从lorem ipsum中获得虚拟文本

写css时应当从上到下

先写一些辅助字体

line-height: 1.5;//行高

font-family: Arial, Helvetica, sans-serif;

         font-size: 15px;

         line-height: 1.5;

以上代码等同于font: 15px/1.5 Arial, Helvetica, sans-serif;

居中对齐：margin:auto;

响应式设计：min-height: 70px;

对a进行设计，取消下划线，为大写字母

header a{

         color: #fff;

         text-decoration: none;

         text-transform: uppercase;

         font-size: 16px;

}

先对ul进行编辑，

header ul{

         marging: 0;

         padding:0;

}

在对li，让他们在同一行，取消小圆点

header li{

         float: left;

         display: inline;

         padding: 0 20px 0 20px;

}

 

 

header #branding h1{

         float: left;

}

//可以使header里的文字对得整齐

header #branding h1{

         margin: 0;

}