-
text-intendent文字缩进查看全部
-
***重点标记。查看全部
-
圆角菜单栏：border-radius：左上右上右下左下；查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
li浮动后，ul将失去宽高度，如要设置ul整体背景需要定义好ul宽高查看全部
-
无序列表构建菜单查看全部
-
*{margin:0;padding:0;font-size:14px;}清楚固定样式 ul{list-style：none}清除ul前的点 a{text-decoration：none}清除文字的下划线查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
div>li ul{transition:height 0.3s;}在0.3S过滤（显示）出height div>li:hover ul{height: 120px;} 鼠标经过li标签显示ul的标签查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
导航条菜单制作总结 1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
听不懂啊 啊啊啊啊啊啊啊啊 啊啊啊啊啊啊 a查看全部
-
加入JS 听不懂查看全部
-
伸缩菜单的制作： *{margin:0; padding:0; font-size:14px;} a{color:#333;text-decoration:none} ul{list-style:none; height:50px; border-bottom:5px solid #F60; padding-left:30px;} ul li{float:left; margin-top:20px;} a{display:block;height:30px;text-align:center; line-height:30px; width:120px; background-color:#ccc;} a.on, a:hover{ color:#fff;background-color:#F60;height:40px; line-height:40px; margin-top:-10px;} </style> </head> <body> <ul> <li><a class="on" href="#">首 页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">售后服务</a></li> <li><a href="#">联系我们</a></li> </ul> </body>查看全部
-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移查看全部
举报
0/150
提交
取消