-
1.用ul无序列列表构建菜单 2.清除默认样式 *{margin:0;padding:0;} 清除ul的样式 ul{list-style：none}，能去掉前面的默认小圆点 去掉a标签的下划线 a{text-decoration：none} 在导航栏中经常用 height: 30px;line-height: 30px;可使文字垂直居中。 3.如果用为文字前面增加像素，最好用缩进的方式来实现 {text-indent：xx px}（文本缩进,用text-indent替换padding-left，是为了防止菜单长度增加。例如：padding-left:10px; 会导致宽度也增加10px ） 4.ul li a{}因为a标签是最内部的元素 所以对a标签设置就可以了 又因为a为内联元素，而块状元素才可以设置 宽度 高度，所以要把a设置为块级元素：ul li a{display:block;} *{ } （用于全局设置） a:hover{background-color:#f60;color:white} hover鼠标移动触发效果，背景变橙色，字变白色查看全部
-
莫名的想到了Tokyo-hot查看全部
-
直接跃过查看全部
-
此练习题直接跃过查看全部
-
对文字所在的标签使用text-indent可以实现文字缩进。（也有使用修改margin的方法，但是整个的长度增加了，还需修改其他值）查看全部
-
display：block。设置块级元素查看全部
-
设置块级元素，然后才可以hover。查看全部
-
伸缩菜单jQuery查看全部
-
使用JS实现，回头再看查看全部
-
1.用ul无序列列表构建菜单<br> 2.清除默认样式 *{margin:0;padding:0;}<br> 清除ul的样式 ul{list-style：none}，能去掉前面的默认小圆点<br> 去掉a标签的下划线 a{text-decoration：none} 在导航栏中经常用<br> height: 30px;line-height: 30px;可使文字垂直居中。<br> <br> 3.如果用为文字前面增加像素，最好用缩进的方式来实现<br> {text-indent：xx px}（文本缩进,用text-indent替换padding-left，是为了防止菜单长度增加。例如：padding-left:10px; 会导致宽度也增加10px ）<br> <br> 4.ul li a{}因为a标签是最内部的元素 所以对a标签设置就可以了 又因为a为内联元素，而块状元素才可以设置 宽度 高度，所以要把a设置为块级元素：ul li a{display:block;}<br> *{ } （用于全局设置） a:hover{background-color:#f60;color:white} hover鼠标移动触发效果，背景变橙色，字变白色查看全部
-
margin-top负值向上移动查看全部
-
border-radius 圆角设置查看全部
-
display:block;生成块； text-indent:20px;文字缩进20px；查看全部
-
清除定时器:clearInterval 设定定时器:setInterval 元素的宽度:offsetWidth查看全部
-
/*jq实现导航条菜单制作*/ $(function(){ $("a").hover(function(){ $(this).stop().animate({"width":"160px"},200); }, function(){ $(this).stip().animate({"width":"120px"},200); } ); });查看全部
举报
0/150
提交
取消