-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
background-position: 15px 20px;(指将图片向右移15px,向下移20px;) 简单地说，就是以图片的左上角顶点为原点，往下和右都为正，反之为负，查看全部
-
float:left 实现导航栏水平分布查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
伸缩菜单的制作——水平方向查看全部
-
伸缩菜单的制作——改变高度查看全部
-
设置菜单选中和hover效果的背景高度变化 .on,a:hover{color:#fff;background-color:#f60;height;40px;margin-top:-10px;line-height:40px;}查看全部
-
display:block block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。 display:inline inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。 inline元素设置width,height属性无效。 inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。 display:inline-block 简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。查看全部
-
ul{list-style:none}消除前面的小圆点 也可设置纵向查看全部
-
背景图片定位：｛background-position:0 -30px｝ 图片的位置设置只有：left和top。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
js实现二级菜单伸缩查看全部
-
将a标签转换成块级元素才能设height和width，语法：display:block;查看全部
-
（1）ul可以不设置height,让它自动撑开。 （2）可以不用设置li，让a标签转换成块级元素，（display:block）. （3）文字向左移动10px，可以设置text-indent:10px,不会撑开。如果用padding- left:10px,整个宽度会被撑开10px. (4)margin-buttom:1px;让每个li上下相隔1px.查看全部
举报
0/150
提交
取消