新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
给a标签加一个class,然后直接给样式名加伪类就行
目前创新互联已为上千的企业提供了网站建设、域名、网页空间、网站托管、服务器租用、企业网站设计、加格达奇网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
比如a href="#" class="A_css"1/a
.A_css:hover{样式}
对页面的a标签(链接)进行控制,就用到伪类了,下面介绍一下各伪类的作用与用法:
1.所有链接
首先,伪类:link和a元素选择器(来源于链接标记的a href ...部分)组合,创建选择器a:link。
a :link {
color:#f00;
}
这个简单的选择器将处理所有a元素的实例,将所有未访问过的的链接变为红色。由于没有创建 相应的选择起来覆盖浏览器默认访问过的链接样式,所有访问过的链接也仍然是红色。
2.访问过的链接
为了区别显示访问过的链接,只需要结合a元素和:visited伪类创建一个简单的选择器即可。
a :visited {
color:#999;
}
现在所有未访问过的链接是红色,而所有访问过的链接将变成淡灰色(如图7-2所示)。让访问过的链接和没有访问过的链接有所不同的是非常重要的。这是一个大家都接受的惯例,并且可以立即突出在本机上已经访问过的所有连接。
3.:hover伪类
假定有一个很大的连接列表,或者有一个到处都是链接的段落,如果没有某种形式的交互,用户很容易就会点错链接,从而被带到错误的目的网页。强大的:hover伪类可以解决这个问题,该伪类除了能够提高可用性外,也是非常吸引人的。
同样,这个选择器首先找到所有a元素的实例,但是仅仅当用户鼠标移动到链接文本时,才真正执行。
a:hover {
color:#333;
}
这个简单的规则在鼠标放在链接上时将所有的链接文本变成深灰色,而不管该链接是否已经访问过。
4.:active伪类
:active伪类主要关注鼠标真正点击链接时的样式。该伪类可以提高网页的可用性。
a:active {
color:#333;
}
在这个例子中,当用户点击链接时,只要当前页面一直保持浏览,文本将变成黑色,这样主要是提供一个额外的提示,以表明用户目前正在处理那个网页。
另外要非常注意的是这几个伪类在声明时的顺序:如果你在同一个选择器上使用几种不同的伪类,声明时一定要注意他们之间的先后顺序,记住,一定是L V H A(字母为各个伪类的首字母),这个顺序非常重要。
例如,如果你将a:hover选择器放在a:visited选择器之上(也就是说你的顺序是L H V A),由于层叠作用,你会发现a:hover声明对于所有访问过的链接没有任何影响。即使鼠标停留在连接上,文本仍然保持淡灰色,而不会发生预期的动作。或许有某些情况需要这种方法,但是这种场合应该很少,因此,最好是要避免。
a:hover表示当鼠标选定在a标签上时a标签的样式变化。
这是css中伪类的使用格式。
伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; },简单地用一个半角英文冒号(:)来隔开选择符和伪类。CSS很多的建议并没有得到浏览器的支持,但有四个可以安全用在超链接上的伪类:
:link用在未访问的连接上。
:visited用在已经访问过的连接上。
:active用于获得焦点(比如,被点击)的连接上。
:hover 用于鼠标光标置于其上的连接。
扩展资料:
css的语言特点:
1、多页面应用
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
2、层叠
简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写,在浏览器中看到的将是最后面设置的样式效果。
3、页面压缩
在使用HTML定义页面效果的网站中,往往需要大量或重复的表格和font元素形成各种规格的文字样式,这样做的后果就是会产生大量的HTML标签,从而使页面文件的大小增加。而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程度的缩减了页面的体积,减少下载的时间。
参考资料:百度百科——伪类
百度百科——css
以下为css a标签去掉默认样式:
a { text-decoration:none out-line: nonecolor: #*****;}
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
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:link就是链接平常的状态,a:visited就是链接被访问过的状态,
a和a:link的区别我就举个例子吧:
css样式:a{
color:red}
a:link{
color:blue;}那么以下
标签内的元素颜色显示如下,
ared/a
a
herf="#"bule/a
实际上,大多数情况我们直接用a而不是a:link,一般情况下最终效果都会完全相同。