-
background-position：x y x等于平行轴 y等于竖行轴。 x y的取值可以为正数，也可以是负数。如不理解建议过一遍W3C查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高查看全部
-
值得注意查看全部
-
通过设置背景，改变外观样式 通过a:hover，可以为菜单增加交互效果查看全部
-
<a>标签的位置 ul li a{display:block;} 定义的关键是将<a>标签设置为块元素查看全部
-
文本缩进标签 text-indent 不会影响总体宽度（padding会）查看全部
-
做导航菜单的时候 样式都给a标签 文字缩进不要忘了text-indet查看全部
-
导航条菜单制作总结 1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
改变a标签的高度height:40px，这样是向下增加的，设置margin-top为负值，向反方向移动margin-top:-10px，但文字也向上移动，可设置a标签line-height:40px查看全部
-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class="on" 在为它的样式添加上一个on，最后移动它的位置（x，y） 圆角菜单：border-radius; /* CSS */ background-image:url(); /* 插入图片 */ background-position: /* 图片定位 */查看全部
-
如果字体居中使用的是缩进属性：text-indent, 那么只需要把text-indent删除换成text-align:center(居中) 水平菜单的制作 结构与垂直菜单一致（ul&li） li float:left; + 去掉ul的宽度限制查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none a:hover{ background-color:#F60; color:#fff}鼠标经过的文字背景颜色和字体颜色查看全部
-
height与line-height设置成一样，文字就会垂直居中查看全部
举报
0/150
提交
取消