-
水平菜单的制作： 1.无序列表构建菜单,并清除默认样式 <ul> <li><a href="#">首页</a></li> <li><a href="#">新闻</a></li> .... </ul> *{margin:0;padding:0;} //清除所有标签的内外边距 ul{list-style:none;} //去除无序列表的圆点 a{text-decoration:none;} //清除a标签的下划线 2.样式设置： ul{font-size:14px;} //设置列表文字大小 ul li{float:left} //设置列表项浮动 ul li a{display:block;width:30px;height:30px;line-height:30px;background:#ccc;margin-bottom:1px;text-align:center;} //1.将a标签转为块元素 //2.设置宽高(为30px) //3.设置行高(为30px) //4.设置背景色 //5.设置下外边距 （1px） //6.设置文本居中查看全部
-
通过background-position:0 -30px将背景图片向上挪动。 其实完全可以通过border-radius来实现圆角。查看全部
-
看得懂和会写真的是两回事 //此处的ul标签名为大写“UL”，因为nodeName和tagName返回的都是大写的标签名。查看全部
-
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;} *{ } （用于全局设置） .{margin:0; padding:0;} 全局基本样式清除 display:block 转换为块级标签 display:inline 转换为内联标签 display:inline-block 转换为内联块级标签 list-style:none 清楚ul或ol列表中li标签前面的项目符号 text-decoration:none 清除下划线 text-decoration:line-through 添加删除线 text-indent:2em 设置文本缩进为字号的2倍 a:hover{} 定义鼠标滑过时的链接颜色查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} a:hover{}鼠标划过显示的样子查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
line-height:40px;是竖直居中 text-align:center;是水平居中查看全部
-
<!--没学会，需要继续学习 -_- -->查看全部
-
<a href="#">首页</a> 点击、超链接。查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
li下a标签的设置 a(display:block)转为块元素设置宽高，不用设置li；边距设置文本缩进。查看全部
-
为什么使用offsetHeight： 1.offsetHeight属性可以返回对象的padding+border+height属性值之和，style.height返回值就是定义的height属性值。 2.offsetHeight属性仅是可读属性，而style.height是可读写的。 3.offsetHeight属性返回值是整数，而style.height的返回值是字符串。 4.style.height仅能返回以style方式定义的内部样式表的height属性值。 offsetWidth和offsetHeight类似 问题：使用定时器，如果鼠标滑动太快，会导致定时器不能完全清除 解决方法：给每个DOM元素添加一个time的属性，然后在事件中使用开始和清除定时器都用this.time，这样就不存在定时器互相争抢的问题了查看全部
-
制作圆角菜单：在a标签上加上背景background:圆角图片，然后给a加上一个class，默认选中状态下，.on,a:hover{background-position:0 -30px}x轴不动，y轴上移30px. 背景图片上半部分为默认背景，下半部分为圆角背景，总高度60px查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none a:hover{ background-color:#F60; color:#fff}鼠标经过的文字背景颜色和字体颜色查看全部
-
background-position:0 -30px查看全部
举报
0/150
提交
取消