-
1 text-inden 文本缩进查看全部
-
1 导航条 使用ul li a标签 2 将a标签转化为块元素 display：block；查看全部
-
1 无序列表ul li a 2 讲a 转化为块元素display:inline-block查看全部
-
<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
background-position:0 -30px; 背景图片定位：水平方向不变，垂直方向下移30px查看全部
-
水平伸缩菜单的制作 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) } } }查看全部
-
list-style:是ul前面的圆点查看全部
-
margin-top:-10px; 指的是向上移动10px;查看全部
-
圆角贴图查看全部
-
文本居中： text-align:center;查看全部
-
文本缩进： text属性查看全部
-
清除文字下划线： s{text-decoration:none;}查看全部
-
ul li 标签中的前面的小圆点清除： css样式控制： ul {list-style:none}查看全部
-
导航条菜单制作总结 1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS实现菜单的水平延伸效果时，“this”代表当前的<a>标签。查看全部
-
1.设置margin-top负值，而不是直接设置margin-bottom，是因为相对初始位置不变。【通用】 2.设置line-height，是因为之前的文字height为30px，现在容器height为40px，文字height没变，默认靠上，为了使文字居中改变行高。【特殊】查看全部
举报
0/150
提交
取消