css中a标签的样式介绍,css设置a标签样式

(css)中a.on:hover是什么意思

a是连接标签，在css中叫标签选择器，a.on 在html中为a标签定义了class类别on的选择器！前者具有广泛性对所有a标签有效，后者具有指定性即只有设这了class为on的a标签才有效！a.on:hover是定义了class为on的a标签的hover即鼠标经过时的样式效果！

创新互联建站自2013年起，先为镇宁等服务建站，镇宁等地企业，进行企业商务咨询服务。为镇宁企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

关于CSS A标签

举个列子：

有个div class是wrapBtn

div class="wrapBtn "aaa/div

为了控制div的中字体是绿色，我写了个css

.wrapBtn {color:green;}

然后我要把"aaa"做成一个链接

div class="wrapBtn "a href=""aaa/a/div

为了单独控制wrapBtn 中的a链接的字体颜色是黑色(仅限a链接中)，我定义一个css

.wrapBtn a {color:#000;}

再后我希望鼠标经过a链接字体aaa时，颜色边一下；

.wrapBtn a:hover {color:red;}

就这么简单，还有一些楼上说的其他控制，用发一样

html中css样式 标签的使用

html中css样式 a标签的使用方式：

1、a标签使用案例：

a href="" target="_blank" title="创业者李孟我的博客"创业者博客/a

2、a标签使用范围：

（1）使用html a可以对图片进行锚文本超链接：

exp：

a href="" target="_blank" title="转到我的博客"img src="" //a

（2）可以对文字内容进行锚文本超链接：

a href="""我的博客/a

3、html a应用扩展：

同页面锚文本-同页面内上下转到指定位置；

常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。

Exp：

（1）、首先我们在网页body内最上面添加一个span id="top" name="top"/span；

（2）、我们再到body内，需要出现点击后转到顶部位置添加，a href="#top"回到顶部/a；

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

使用语法：

（1）、需要转到地方添加，a href="#命名"文字/a，注意href值是#开头+英文字母命名；

（2）、需要在被转到位置添加，span id="命名" name="命名"/span，注意id和name值相同并且与a命名相同；

更多关于a标签的学习资料：

a标签中CSS的属性

:hover版本：CSS1/CSS2　 兼容性：IE4+ NS4+

设置对象在其鼠标悬停时的样式表属性。

:active版本：CSS1/CSS2　 兼容性：IE4+

设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。

:link版本：CSS1　 兼容性：IE4+ NS4+

设置a对象在未被访问前的样式表属性。

:visited版本：CSS1　 兼容性：IE4+ NS4+

设置a对象在其链接地址已被访问过时的样式表属性。