名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
firebug是火狐浏览器firefox的一个插件,firebug可以调试html,css,javascript,是网站前台开发不可或缺的调试工具,尤其调用JS的功能强大
firebug
如果你还没有安装firebug,可以直接打开官网安装体验下,而本文主要介绍firebug的一个功能,因为之前一直用firebug查看css样式,但有一直不知道怎么修改A标签链接:hover有状态的样式。比如下面的具体代码
<div class="arctest"> <style> .arctest a{ font:700 22px/33px Microsoft Yahei; color:#333; text-decoration:none;} .arctest a:hover{ background:green; color:#fff; text-decoration:none;} </style> <a href="http://www.qmtx3.com/">跟版网 http://www.qmtx3.com</a> </div>
我要修改这个链接:hover状态的样式,在firebug里默认是没有显示:hover的样式,如下图所示
firebug默认不显示链hover样式
只有当鼠标移上去的时候他才会显示hover状态样式,但移动鼠标去右边修改时就消失了根本无法修改,后来查了资料,才知道firebugj里有个小工具,在右边的面板中点击“样式”选项卡,在弹出的菜单中勾选“:hover”项,如下图所示
勾选firebug的:hover项
这样就可以直接修改A标签链接的:hover样式了。
好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明,本站内容来源于互联网,如果侵犯了你的权益请联系本站删除。,firebug修改A标签链接:hover状态正则表达式 常用正则表达式
版本:v0.03 (2013-5-13) 整理:deerchao