-
设置文本居中，text-align:center;查看全部
-
background-position:水平 竖直； 背景图片移动查看全部
-
使用this的意义是什么查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
其实使用css也可以做出下拉框效果的，而且简单的多查看全部
-
因为ul的高是50px，a的高是30px，你要想你的li贴底的话就必须要margin-top:20px，不然li会相对ul居中查看全部
-
li为块级元素，块级元素高度会自适应 2，删掉ul宽度是因为ul为li的父元素节点，若设为固定100px宽度，只够撑满至多一个li块 3，加个float能横向排列建议你可以看下之前的网页布局基础课程，（因为块元素的浮动布局才导致横向排列）查看全部
-
菜单左右延伸js脚本 <script> window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval(this.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetWidth>=160) clearInterval(This.time); },30) } aA[i].onmouseout=function(){ clearInterval(this.time); var This=this; this.time=setInterval(function(){ This.style.width=This.offsetWidth-8+"px"; if(This.offsetWidth<=120){ This.style.width='120px'; clearInterval(This.time); } },30) } } } </script>查看全部
-
两种方式都试一试，还是jQuery好用，接下来是不是要考虑CSS3了呢？查看全部
-
ul{ list-style:none} 就是去掉前面的黑点 a{text-decoration:none} 就是去掉下划线查看全部
-
background-position: X Y查看全部
-
你只单纯看<a>标签的效果是看不出来什么的。a标签在HTML中不是块状元素，display:block的作用就是用来把a标签转换成和div那样的块状元素，能够设置宽高被支撑起来，display:inline-block则是在把a标签转换成块元素的同时，会影响它周边的同级元素，强制让它们和a标签在同一行内。简单来说，两个属性都是转换为块元素，所以你只看a标签是看不出效果的，display:inline-block受影响的是它周边的元素。查看全部
-
text-indent是文本缩进，是定义文本内容与开头的距离； text-align是设置文本的位置属性查看全部
-
水平菜单增加整体背景，需要对 ul 的 width 和 height 进行设置，原因是：li 进行了浮动，脱离了文档流查看全部
-
横向导航，需要对 li 标签进行浮动（float），取消 ul 的宽度查看全部
举报
0/150
提交
取消