-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
见截图查看全部
-
文字水平居中text-align:center;查看全部
-
li清楚浮动，将宽度的设置去掉。就可以实现水平排列查看全部
-
水平菜单和垂直菜单在结构上是一样的，只需要改动一下css样式查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
.nav li a.on, .nav li a:hover{background-position:0 30px; color:#fff;} 背景图沿y轴向上移动30px查看全部
-
通过a:hover,可以为菜单增加交互效果查看全部
-
垂直菜单转变成水平菜单 float:left, 文本居中 text-align:center查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
list-style:none;清除样式 text-indent代替padding-left来缩进文字 将a变成块状display：block a:hover伪类，用于鼠标移动到a的时候的样式查看全部
-
默认盒子是向下“生长”的查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高查看全部
-
菜单的制作-a标签查看全部
-
结构、样式、表现 结构和表现相分离，各管各的；尽量减少无语意的标签，优化代码。 这就需要深刻理解各种定位的代码，如float、margin、绝对定位、相对定位等各种工具。 所以说，想真切掌握这些内容，需要深刻的理解和反复的练习。学习是一个开放的过程，而不是闭门找车，加油，各位同学。查看全部
举报
0/150
提交
取消