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

带来一篇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:57

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

谁可相欹 发表于 2015-1-27 22:01:48

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

若相依 发表于 2015-2-5 15:43:44

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

飘飘悠悠 发表于 2015-2-12 20:22:15

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

小妖女 发表于 2015-3-3 10:38:32

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

小女巫 发表于 2015-3-11 10:36:35

只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

飘灵儿 发表于 2015-3-18 12:41:31

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

分手快乐 发表于 2015-3-26 02:56:58

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
页: [1]
查看完整版本: 带来一篇CSS:background-position的妙用