-
margin可以用负值，向向相反方向移动查看全部
-
background:url(#),设置背景图片#为图片地址 background-position,改变背景图片位置，x轴和y轴查看全部
-
text-align,属性用于设置文本对齐方式查看全部
-
eight: 30px;line-height: 30px;可使文字垂直居中 text-indent:文字缩进，可以使文字向右移动 ul的list-style设为none，能去掉前面的默认小圆点 text-decrotion设为none,可以清除文本下划线 ul li a{}因为a标签是最内部的元素 所以对a标签设置就可以了 又因为a为内联元素不方便设置所以要把a设置为块级元素：ul li a{display:block;} text-indent,文本缩进属性 a:hover{background-color ; color文字颜色}查看全部
-
eight: 30px;line-height: 30px;可使文字垂直居中。 text-indent:文字缩进，可以使文字向右移动 ul的list-style设为none，能去掉前面的默认小圆点 a的text-decrotion设为none，能去掉链接的下划线，在导航栏中经常用 ul li a{}因为a标签是最内部的元素 所以对a标签设置就可以了 又因为a为内联元素不方便设置所以要把a设置为块级元素：ul li a{display:block;} text-decoration：none; （用于清除文本内容的下划线） text-indent（文本缩进用，text-indent替换padding-left，是为了防止菜单长度增加。例如：padding-left:10px; 会导致宽度也增加10px ）查看全部
-
1、用无序列表构建菜单； 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧：margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
1.无论JS 还是Jquery 动画开始时，要将其重置； 2. <script> window.onload=function(){//在Dom加载完后执行此函数 var A = document.getElementsByTagName("a"); for(i in A){//循环 A[i].onmouseover=function(){ clearInterval(this.time); var This = this; This.time=setInterval(function(){//方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 This.style.width=This.offsetWidth+8+'px'; if(This.offsetWidth>=160){ clearInterval(This.time); } },30) } A[i].onmouseout=function(){ clearInterval(this.time); var This = this; This.time=setInterval(function(){//方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 This.style.width=This.offsetWidth-8+'px'; if(This.offsetWidth<=100){ clearInterval(This.time); } },30) } } } </script>查看全部
-
伸缩菜单的制作-改变高度原理: 在鼠标经过、选中菜单项等状态时，改变该项的高度（变高）。 通过改变<a>标签的margin值，实现菜单项【向上增高】，同时让文字垂直居中。 a{height:30px;} a:hover{height:40px;margin-top:-10px;line-height:40px;}/*重点*/ 提示： margin可以用负值，向相反方向移动。 改变a标签的高度height:40px，这样是向下增加的，再设置margin为负值，向反方向移动margin-top:10px，但文字也向上移动国，可设置a标签line-height:40px查看全部
-
伸缩菜单的制作 清除计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
1. 为元素创建四个相同的圆角 (1) 这一步可选输入 -webkit-border-radius: r 这里的 r 是圆角的半径大小表示为长度带单位。 (2) 输入 border-radius: r 这里的 r 是圆角的半径大小 使用与第(1)步中相同的值。 这是该属性的标准短形式语法。 2. 为元素创建一个圆角 (1) 这一步可选输入 -webkit-border-top-left-radius: r 这里的 r 是左上方圆角的半径大小表示为长度带单位。 (2) 输 入 border-top-left-radius: r这里的 r 使用与第 (1) 步中相同的值。这是该属性的标准长形式语法。注意这些步骤仅演示了如何创建左上方圆角 此外 还可以单独创建其他方位的圆角 步骤如下。 创建右上方圆角用 top-right 替换第 (1) 步和第 (2) 步中的 top-left 。 创建右下方圆角用 bottom-right 替换第 (1) 步和第 (2) 步中的 top-left 。 创建左下方圆角用 bottom-left 替换第 (1) 步和第 (2) 步中的 top-left 。 3. 创建椭圆形圆角 (1) 这一步可选输入 -webkit-border-radius: x / y 其中 x 是圆角在水平方向上的半径大小 y 是圆角在垂直方向上的半径大小均表示为长度带单位。 (2) 输入 border-radius: x / y 其中 x 和y 跟第 (1) 步中的值相等。 4. 使用 border-radius 创建圆形 (1) 输入 -webkit-border-radius: r 这里的 r 是元素的半径大小带长度单位。要创建圆形可以使用短形式的语法 r 的值应该等于元素高度或宽度的一半。 (2) 输入 border-radius: r 这里的 r 是元素的半径大小带长度单位跟第 (1) 步中的 r 相等这是标准的无前缀语法。查看全部
-
1.如果要给水平菜单增加整体背景，需要对（）进行哪些CSS设置？ 菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
清楚计时器：clearInterval 设定计时器：setInterval a标签的宽度：offsetWidth查看全部
-
伸缩菜单的制作：（改变高度）： 通过改变<a>标签的margin值，实现菜单项（向上增高），同时让文字垂直居中。 a{ heigth:30px;} a:hover{ height:40px; margin-top:-10px; line-height:40px;}查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度； 如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高查看全部
-
一般都使用"ul\li"来制作："菜单导航条"查看全部
举报
0/150
提交
取消