-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class"on" 在为它的样式添加上一个on，最后一动它的位置（y，x） .on,a:hover{ color:#fff; background-position:0 -30px;} 课程中使用的是雪碧图的方式来实现圆角按钮效果，已经过时，因为需要浏览器加载额外的图片，消耗流量，且代码及逻辑过于复杂。 建议使用border-radius来实现圆角菜单的效果查看全部
-
去掉无序列表样式： list-style：none 水平居中：text-align： 缩进：text-indent：查看全部
-
text-align:查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none a:hover{ background-color:#F60; color:#fff}鼠标经过的文字背景颜色和字体颜色查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 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{}查看全部
-
把a标签定义成行内块 display:block; 文字缩进 text-indent:xx px查看全部
-
首页空格用全角，相当于两个空格查看全部
-
text-indent首行文本缩进，可以使用负值，文字移动到左边查看全部
-
javascript查看全部
-
改变a标签的高度height:40px，这样是向下增加的，设置margin-top为负值，向反方向移动margin-top:-10px，但文字也向上移动国，可设置a标签line-height:40px查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block}查看全部
-
JS JQ代码未实现查看全部
-
如果要给水平菜单增加整体背景，需要对（）进行哪些CSS设置？ 解析 菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class"on" 在为它的样式添加上一个on，最后一动它的位置（y，x） .on,a:hover{ color:#fff; background-position:0 -30px;} 课程中使用的是雪碧图的方式来实现圆角按钮效果，已经过时，因为需要浏览器加载额外的图片，消耗流量，且代码及逻辑过于复杂。 建议使用border-radius来实现圆角菜单的效果 background-position:30px 0 改变背景的位置查看全部
举报
0/150
提交
取消