-
代码如下所示查看全部
-
此处首页能有那么大的空格是因为,他输入的全角的空格,全角的空格不会被忽略查看全部
-
元素设置float:left;样式以后，display会自动变成inline-block，很有意思查看全部
-
垂直排列变为水平排列利用li{float:left} 浮动进行改变！！！查看全部
-
yuo查看全部
-
jquery查看全部
-
zhongdian查看全部
-
竖直方向上伸缩设置height 和margin top查看全部
-
JavaScript 实现水平伸缩查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
导航条菜单制作总结 1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移查看全部
-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的区别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class="on" 在为它的样式添加上一个on，最后移动它的位置（x，y） 圆角菜单：border-radius; /* CSS */ background-image:url(); /* 插入图片 */ background-position: /* 图片定位 */ background-position是设置背景位置，第一个参数：水平位置（左右）为0是不变化;第二个参数：设置垂直方向 （上下），-30px是向下移动30px。查看全部
-
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;} *{ } （用于全局设置）查看全部
-
制作菜单： 1、垂直菜单：用ul、li来制作菜单，中间加超链接。之后用display:block将a标签变成块级元素，对其添加效果。 2、水平菜单：只需要添加float属性。 3、圆角菜单：给a标签添加背景。将第一个标签单独设置class属性，background position:属性设置。 4、伸缩菜单：在a:hover中设置。比a标签高度稍微高一点，文字伸缩利用margin-top，line-height设置。 height：40px；设置高度为40像素 margin-top:-10px//使模块向上移动10个像素 line-height:40px设置文字水平居中对齐查看全部
举报
0/150
提交
取消