清除样式:*{margin:0;padding:0 }
去除ul的圆点:ul{line-style:none}
//设置a为块级元素:display:block 才能设置宽度、高度、hover效果
去除a的下划线:a{text-decoration:none}
a:hover{设置颜色属性}
设置文本缩进但不影响总体宽度:text-indent
去除ul的圆点:ul{line-style:none}
//设置a为块级元素:display:block 才能设置宽度、高度、hover效果
去除a的下划线:a{text-decoration:none}
a:hover{设置颜色属性}
设置文本缩进但不影响总体宽度:text-indent
2016-12-05
.nav li{ display:inline-block;margin-left:10px}
把.nav li a 里的display:block删除就好
把li标签变成行内块状元素,然后再每个li标签设置左边距
把.nav li a 里的display:block删除就好
把li标签变成行内块状元素,然后再每个li标签设置左边距
大家有没有发现:
设置margin-top:-10px;可以看到后面的灰色的导航条跟下面的那个橙色的边框线底部没有对齐。当鼠标划上去的时候那个橙色的部分会把留白的部分盖住;
当设置padding-top:10px的时候,可以看到橙色部分多了10px,也是就是说橙色部分高度要大于灰色的高度。
设置margin-top:-10px;可以看到后面的灰色的导航条跟下面的那个橙色的边框线底部没有对齐。当鼠标划上去的时候那个橙色的部分会把留白的部分盖住;
当设置padding-top:10px的时候,可以看到橙色部分多了10px,也是就是说橙色部分高度要大于灰色的高度。