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对象在其链接地址已被访问过时的样式表属性。


网站标题:css中a标签的样式介绍,css设置a标签样式
网址分享:http://scyanting.com/article/dsiiiss.html