-
<style> *{margin:0; padding:0; font-size:14px;} ul{list-style:none;width:100px;}/*消除前面的圆点*/ a{text-decoration:none; /*消除下划线*/display:block;height:30px; line-height:30px; width:100px;background-color:#ccc;margin-bottom:1px;text-indent:10px;} a:hover{background-color:#f60;color:#fff}/*鼠标划过显示的内容*/ </style> <body> <ul> <li><a href="#">首 页</a></li> <li><a herf="#">新闻快讯</a></li> <li><a herf="#">产品展示</a></li> <li><a herf="#">联系我们</a></li> </body>查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。此章中ul{height:50px} li{float:left; margin-top:20px} a{height:30px}查看全部
-
字体居中的方式，最好是line-height:然后如果想要使box向上移动 可以使用margin-top:-10px;使用margin-top的负数就可以使完成相反方向的移动！查看全部
-
a:hover{ height: n px; margin-top: -y px; line-hight: -z px } 用来产生垂直增高效果 margin属性保证向上， line-height属性保证文字垂直居中 margin-top 设置为负值的含义是使其向上移动（保持原来大小）查看全部
-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
背景图片起始位置坐标 background-position：x y；查看全部
-
ul{list-;｝/*清除无需标签前的圆点。查看全部
-
a:havor查看全部
-
ul{list查看全部
-
padding-top:10px; margin-top:-10px; 实现了垂直高度变化，但文字没有垂直居中 height:40px;line-height:40px;margin-top:-10px:所以还是使用老师的方法比较好。先保证文字居中，再向上移动增加出的px查看全部
-
导航菜单背景图，两个切割图放在一张图上，使用background-position控制鼠标悬浮上去图片显示的位置查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
通过设置<li>中的float属性能将垂直菜单转变成水平菜单！查看全部
-
javescript里this代表当前<a>标签查看全部
举报
0/150
提交
取消