-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none查看全部
-
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;} *{ } （用于全局设置）查看全部
-
在.subNav的设置中，用的overflow:hidden的话 JS函数中就要用overflow:visible 和overflow:hidden来显示和移除动画；如果在subNav的设置中用display:none来隐藏内容的话，函数里面就用display:block和display:none查看全部
-
为什么我从左边移到右边，后边的动画会有抖动？怎么清除这种效果。 +1积分 [已采纳的回答] 猫子0712 猫子0712: 可以把时间间隔30毫秒调到100毫秒试试其实抖动效果是因为当你的鼠标离开左边的时候，触发了左边盒子的onmouseout事件，与此同时，鼠标移到了右边，也就是触发了右边盒子的onmouseover事件，这两个事件同时进行，也就是左边盒子往回缩的同时，右边的盒子在伸长，但是左边盒子往回缩会造成右边盒子往左移动，于是右边的盒子同时在进行左移和向右伸长，而且频率很快（30毫秒），看起来就像是在抖动一样... 时间：2016-07-11查看全部
-
设置圆角样式：border-radius:12px 12px 0 0 --->top left; top right;查看全部
-
字体居中的方式，最好是line-height:然后如果想要使box向上移动 可以使用margin-top:-10px;使用margin-top的负数就可以使完成相反方向的移动！查看全部
-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
background-position是设置背景位置，第一个参数：水平位置（左右）为0是不变化;第二个参数：设置垂直方向 （上下），-30px是向下移动30px。为什么减30px呢？因为这个按钮图片本身是120px*60px,总高度为60px;且已经在a样式里面设置为height: 30px；显示白色背景圆角。所以background-position:0 -30px;就是当你放在按钮时候高度下降30px，就有白色背景变为橙色背景效果。查看全部
-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class="on" 在为它的样式添加上一个on，最后移动它的位置（x，y） 圆角菜单：border-radius; /* CSS */ background-image:url(); /* 插入图片 */ background-position: /* 图片定位 */查看全部
-
clearInterval 清除计时器 setInterval 设定计时器 offsetWidth a标签的宽度 offsetWidth = width + padding + border CSS3已经支持过渡效果了，在 a.on, a:hover 总添加样式：width:160px;transition: width 500ms; 也可以完成缩放效果。查看全部
-
window.onload=function test(){} 在DOM加载完后再执行函数，防止JS执行时所用到的DOM对象还没有生成。<br> 或者可以把<script>标签放到HTML的结束部分。 ${function test(){}}和window.onload 效果相同查看全部
-
a 是行级元素，不能设置宽，高。可以设置背景色<br> li 是块级元素，独占一行，可以设置宽，高，背景色<br> 当元素设置了position：absolute， 或float：left时，元素自动变成inline-block, 不再独占一行，元素的默认宽度由内容宽度决定。可以手动设置宽，高，背景<br> 当元素只有float属性时，同样脱离文档流，但是元素不会重叠起来。即，当元素碰到另一float元素的边时，会停下来 <br> 当有position属性为absolute时，元素脱离文档流，float属性失效，相同position的元素会重叠在一起 当元素浮动时，display:block 失效，即元素还是无法独占一行。解决办法是设置浮动元素的宽为100% 总结:position>float>display查看全部
-
制作菜单：<br> 1、垂直菜单：用ul、li来制作菜单，中间加超链接。之后用display:block将a标签变成块级元素，对其添加效果。<br> 2、水平菜单：只需要添加float属性。<br> 3、圆角菜单：给a标签添加背景。将第一个标签单独设置class属性，background position:属性设置。<br> 4、伸缩菜单：在a:hover中设置。比a标签高度稍微高一点，文字伸缩利用margin-top，line-height设置。 伸缩菜单的制作——改变高度（鼠标经过菜单，高度发生变化） 恢复到无圆角的状态 在on,a:hover中添加高度，添加后的效果是往下 的增加高度，不和我们想要的往上增加高度一样，这时需要继续添加margin-top:-10px (margin可以用负值，向相反方向移动) 整体鼠标划过的效果高度向上了但是文字也向上了，在on,a:hover中把文字的垂直居中修改成line-height:40px; 基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
举报
0/150
提交
取消