正文
css鼠标悬浮样式,css实现鼠标悬浮文字浮动效果
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
用CSS样式写鼠标放上去是onmouseover要是写点击怎么写
不是的。onmouseover是Javascript的。css里也没有onmouseactive
css里的鼠标悬浮是
:hover
比如链接的定义方法：
标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下：
* a:link，定义正常链接的样式；
* a:visited，定义已访问过链接的样式；
* a:hover，定义鼠标悬浮在链接上时的样式；
* a:active，定义鼠标点击链接时的样式。
没有规矩不成方圆，虽然链接定义写好了，但它也是有规则的，如果这四项的书写顺序稍有差错，链接的效果可能就没有了，所以每次定义链接样式时务必确认定义的顺序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。
a:link,
a:visited {
color:#FF0000;
text-decoration:underline;
}
a:hover,
a:active {
color:#000000;
text-decoration:none;
}
推荐你看我空间里的一篇文章
相关问答
Q1: 关于CSS 中a和a:hover起到什么作用？
a的作用是链接，点击a/a之间的内容，页面会跳转到链接的地址。直接设置它的颜色，比如，例子中a{color:#000;}，意思是a/a之间的内容显示为黑色，如果不设置的话，浏览器默认的a链接的颜色是蓝色；
a:hover属于css，它设置了当鼠标悬浮在链接内容之上时，链接内容的样式，比如，例子中a:hover{ color:#F00;}，它设置了当鼠标悬浮在该链接内容上时，链接内容变成红色。
扩展资料：
总结几个a的伪类：
a:link 英文link就是链接的意思，代表当一段文本为链接时的属性。
a:visited 英文visited就是访问过的意思，代表这段文本被点击之后的属性。
a:hover 英文hover就是悬停的意思，代表鼠标指针放在这个链接上时的属性。
a:active 英文active就是有效的、快速的意思，代表鼠标按下时一瞬间的属性。
一般最常用的方法是a {CSS属性} a后面什么也没有，代表一次定义这四个属性，然后根据需要再定义其中某个属性就可以了，最常用的是a:hover {CSS属性}
参考资料：百度百科-CSS
Q2: CSS鼠标点击链接的样式
我们在点击超链接的时候，会发现
这四个状态，链接的文本会发生不一样的状态，这样的效果就是用CSS的伪类选择器来实现。
正确的CSS顺序应该是
Why?
因为这四个CSS的优先级是一样的，所有后者会覆盖前者。
从实现的步骤来分析，就应该是这样排列才对。
用户的操作步骤是
1. 还没有点击链接
那么只有 a:link 这一条样式生效，用户看到的是没有点击的样式。
2. 鼠标移上去悬浮在链接上
那么 a: link 和 a: hover 这两条生效，由于 a: hover 在后面，所以样式3覆盖了样式1，显示的是鼠标移上去悬浮在链接上这个样式
3. 鼠标按了下去
那么 a:link 、 a:hover 和 a:active 这三条生效， a:active 覆盖了前两者，显示出来的就是鼠标点击时候的样式。
4. 点击完发生链接之后
那么 a: visited 这一条永久生效，显示出来的就是链接后的样式。
总之，必须是，
Q3: HTML中鼠标悬浮时的下拉菜单用CSS怎么做
这个你需要用到伪类 :hover
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
例子1
style
a:hover {color: #FF00FF}
/style
a href="#"延时文本/a
当鼠标移动到a标签上的时候，改变a标签的文字颜色
深入用法，当移动到某标签的时候改变其它标签的样式：
例子：
ul class="dingjicaidan"
li
a href="#"
菜单
/a
ul class="tanchucaidan"
li
弹出菜单1
/li
li
弹出菜单2
/li
/ul
/li
/ul
style
.tanchucaidan{ display:none;} /*设置弹出菜单默认隐藏*/
.dingjicaidan li:hover ul{ display:block;}
/*当鼠标移动到dingjicaidan下的li标签时，改变li下的ul标签的display属性（显示出来）*/
/style
其实就这么简单，自己琢磨下吧，纯手打，望采纳！
