-
文本缩进:text-indent:10px;查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
-
this代表当前a标签。。。。。查看全部
-
This.time=setInterval(function(){ //定义一个变量=建立定时器 This.style.width=This.offsetWidth+8+"px"; //控制宽度 this的宽度=this当前的宽度+速度 if(This.offsetWidth>=160){ //当当前宽度达到160时 clearInterval(This,time) //清除当前变量 } }.30) //时间参数查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
-
script查看全部
-
text-indent:文字缩进查看全部
-
【导航菜单】 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{} 圆角菜单的制作 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。 注:如果要给水平菜单增加整体背景,需要对宽、高进行哪些CSS设置。 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。 增加长度后,要用负值对齐 a:hover{hegiht:40px;line-hegiht:40px;margin-top:-10px;} 导航条菜单制作总结: 1、用无序列表构建菜单;ul/li 2、垂直菜单转变为水平菜单:float:left; 3、在制作圆角菜单时,背景图片贴在<a>标签上; -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时,实现高度向上延伸的技巧: ----> margin-top用负值; 5、用JS制作水平伸缩菜单时,“this”代表当前的<a>标签。查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
-
this的用法查看全部
-
li下a标签的设置 a(display:block)转为块元素设置宽高,不用设置li;边距设置文本缩进。查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
举报
0/150
提交
取消