-
magin-top: -10px;可以设置负数。 line-height: 40px;height:40;设置文字居中查看全部
-
设置水平菜单导航栏 在垂直菜单导航栏样式基础上修改： 1、设置li为左浮动 2、将ul限制宽度去掉 3、设置文本居中，text-align:center,将之前的text-indent（文本缩进）属性删掉查看全部
-
text-align:center查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none;查看全部
-
css3 transition属性伸缩菜单 js实现为 window.onload=function(){ var aA = document.getElementsByIagName('a'); /*查找所有的a标签元素*/ for(var i=0; i<aA.length; i++){ aA[i].onmouseover = function(){ /*获取a标签的鼠标事件*/ clearInterval(This.time); /*防止累加*/ var This = this; /*把当前的this 对象传进来*/ This.time = setInterval(function(){ This.style.width = This.offsetWidth + 8 + "px"; if(This.offsetWidth >= 160){ /*如果当前对象的宽度 大于 160*/ clearInterval(This.time); /*就停止当前时间*/ } },30) } aA[i].onmouseout = function(){ /*获取a标签的鼠标移除事件*/ clearInterval(This.time); /*防止累加*/ var This = this; /*把当前的this 对象传进来*/ This.time = setInterval(function(){ This.style.width = This.offsetWidth - 8 + "px"; if(This.offsetWidth <= 120){ /*如果当前对象的宽度 大于 160*/ This.style.width = "120px"; clearInterval(This.time); /*就停止当前时间*/ } },30) } }查看全部
-
a:hover{ height: n px; margin-top: -y px; line-hight: -z px } 用来产生垂直增高效果 margin属性保证向上， line-height属性保证文字垂直居中 margin-top 设置为负值的含义是使其向上移动（保持原来大小）查看全部
-
background-position（背景定位，当然是移动背景了）:0 30px; 背景定位只有2个值，例如前面：0 30px;代表背景向右移动 0px 后 向下移动30px; 那么：-20px -30px; 代表什么呢？ 代表：背景向左移动20px 后 向上移动30px; 总结：正数代表：背景向右下移动，负数代表向左上移动查看全部
-
圆角，背景，阴影之类的效果可以不用图片呀，直接用代码就行了查看全部
-
设置水平菜单导航栏 在垂直菜单导航栏样式基础上修改： 1、设置li为左浮动 2、将ul限制宽度去掉 3、设置文本居中，text-align:center,将之前的text-indent（文本缩进）属性删掉查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none;查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
设置a为块级元素display:block;查看全部
-
text-decoration:none;取消下划线查看全部
-
:hover 选择器用于选择鼠标指针浮动在上面的元素。查看全部
-
text-indent首行缩进 list-style列表的样式 text-decoration文字装饰查看全部
举报
0/150
提交
取消