仓酷云

标题: 带来一篇CSS:background-position的妙用 [打印本页]

作者: 仓酷云    时间: 2015-1-16 00:21
标题: 带来一篇CSS:background-position的妙用
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
  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文件中相应的行,那么整个站点的所有页面都会随之发生变动。
作者: 冷月葬花魂    时间: 2015-1-18 22:53
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
作者: 谁可相欹    时间: 2015-1-27 22:01
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
作者: 若相依    时间: 2015-2-5 15:43
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
作者: 飘飘悠悠    时间: 2015-2-12 20:22
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
作者: 小妖女    时间: 2015-3-3 10:38
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
作者: 小女巫    时间: 2015-3-11 10:36
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
作者: 飘灵儿    时间: 2015-3-18 12:41
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者: 分手快乐    时间: 2015-3-26 02:56
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2