打开超链接如何设置css属性?

html-css031

打开超链接如何设置css属性?,第1张

通过 CSS,可以在 HTML 中的超链接元素上设置样式。

首先,可以使用 a 标签选择器来选择所有超链接元素。例如:

a {

color: blue

text-decoration: none

}

color:设置超链接文本的颜色

text-decoration:设置或删除下划线

接着,可以使用 :link、:visited、:hover、:active 四个伪类来设置不同状态下的样式。

例如:

a:link {

color: blue

}

a:visited {

color: purple

}

a:hover {

color: red

}

a:active {

color: orange

}

:link 表示未访问过的链接

:visited 表示已经访问过的链接

:hover 表示鼠标悬停在链接上的状态

:active 表示正在点击链接的状态

1. 所以一开始通过js来加:

function addTarget(){

var tag_a = document.getElementsByTagName('a')

for (var i = tag.length - 1 i >= 0 i--) {

tag_a[i].setAttribute("target","_blank")

}

}

window.onload = addTarget()

但不知为何无法生效。

2. 然后就想到可以通过设置css来使默认的a都自带target属性,即:

a {

target : _blank

}

发现也行不通。原因是css中没有target属性,不能直接在css中这样写。

3. 最后查资料,发现可以在head标签中加入:

<base target="_blank" />

例如<a

href="#"

target="(target的属性有4个)"具体属性如下1.

_blank

这个家伙的汉语译文是:空白的,引申一下,就好像你写笔记一样,写完了一页翻过去,在一个新空白页上接着写,而原来写的还有,和网页的打开也是一样的道理,在新的一个窗口中打开这个链接,而原窗口还存在。

经常上网的你或许有这样的经历,原来用IE6的时候,没有标签栏,有的网站中的链接全是比如<a

harf=".../ttt.html"

target="_blank">链接。好么,我为了找点东西开得满屏幕都是TMD窗口,真是让人郁闷。

2.

_parent

译文:父。其实这个“父”字,是开始涉及框架和框架集的概念了,如果你对框架和框架集有所了解,就知道,一个窗口中其实是可以同时打开N个页面的,在哪里打开、怎么打开全部由框架说了算。这样,这个“父”就是指这个链接所在的框架的上一层框架打开。

其实呢,不仅仅是在有框架的页面中适用它,没有框架的也一样用,如果有如下的一个链接:<a

harf=".../ttt.html"

target="_parent">链接。当用户点击这个链接的时候,就会在本页面中打开这个新的页面,而原页面关闭。就好比你写好了一页纸,然后想写新的,这时候拿橡皮把整页的纸都擦了再重写是一个道理的。

3.

_self

译文:“自己”。

这个也是有框架的说法,如果有框架的话,就在自己这个框架内打开,其它框架内容不变。

如果没有框架,和第2项效果相同。

4

_top

译文:顶。这个家伙也是对应框架的,不过它比_parent来得更加彻底,直接在整个页面中打开,也就是最顶层的框架集打开它打开这个链接后,框架集被这个链接的页面代替再无框架集,当然

如果没有框架,和第2、3项效果相同。