如何去掉链接的虚线框
当一个链接得到焦点时,默认会有个虚线框。如图:
![]()
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写:
a:focus { outline:none; -moz-outline:none; }
当一个链接得到焦点时,默认会有个虚线框。如图:
![]()
在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写:
a:focus { outline:none; -moz-outline:none; }
用过 Google 地图的人可能都很熟悉,通过滚动滚轮可以对地图进行缩放,非常地方便。适当地使用滚轮事件可以带来不错的用户体验。
不过遗憾的是各浏览器都不尽相同。
Click to continue…
在 IE 里,当鼠标移到图片上时,可能会出现浮动按钮。如图:

可以看到,上面是保存、打印等按钮。一般情况下不需要去掉。但是有一次我在做一个图片缩放的动画时有闪烁现象,就是那个小按钮在作怪。不得不去掉。
下面介绍几个去掉的方法。
在网页的 <head> 中添加一个 <meta>:
<meta http-equiv="imagetoolbar" content="no" />就可以了。
<img src="#" alt="" galleryimg="no" />JS 脚本里可以用:galleryImg.
网上有很多布局生成器,它们对设计人员非常有帮助。比如在线 favicon 生成器、背景生成器、按钮生成器等等。Balkhis为我们写过一篇很棒的文章《extremely useful online generators》。
如果没有这些生成器,设计人员将会浪费很多时间做重复的工作。自从上周我们分享了《CSS Fraomework》。我希望通过分享一些有用的 CSS 栅格布局来扩展这个专题。


HTML 有两种显示方式:块(block)、内联(inline)。每个标签默认显示其中的一个。
块元素包括<div>, <p> 等结构性标签。而内联元素应该包含在块元素里面并且连接文档流,例如锚点和<span>。所以,内联元素应该始终位于块元素之中,而不存在其他方式。 Click to continue…