带来一篇CSS：background-position的妙用

仓酷云 · 发表于 2015-1-16 00:21:22

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
　　CSS2.0中的background-position人人用到过吗？怎样用的？用在那里？js把持图片切换有两个缺点：1.偶然后切换迟缓,必要预载办理；2.要制造2-3套图片　　看看怎样用background-position办理这个成绩，完成疾速"切换"，这里只用到一张图片
　　至于代码中的font:10px/1也是不罕见的用法
　　能够参考这里:http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm
　　这类用法放在网站舆图大概导航条上的效果：
<styletype="text/css">#menua{display:block;width:150px;margin:6px;padding:10px010px32px;font:10px/1sans-serif;color:#f90;background:url("http://nb001722.sosoo.net/btn.gif")topleftno-repeat;text-decoration:none;}#menua:hover{background-position:0-39px;color:red;}#menua:active{background:url("http://nb001722.sosoo.net/btn.gif")0-78pxno-repeat;color:black;}</style></head><body><divid="menu"><ahref="###">Menulink1</a><ahref="###">Menulink2</a><ahref="###">Menulink3</a><ahref="###">Menulink4</a><ahref="###">Menulink5</a></div><scriptlanguage="Javascript">varnow=newDate();document.write("</noscript>
运转代码复制代码另存代码</p>
可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 带来一篇CSS：background-position的妙用

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子