如何给网页超链接设置不同的CSS

html-css019

如何给网页超链接设置不同的CSS,第1张

其实很简单.

首先定义全局的a样式.

比如

a{color:red}

这样所有的链接颜色就是红色.

然后你想修改其中一个链接样式

<a href="----">一个链接</a>

那么需要给他指定一个class.

如:

<a class="blue" href="----">一个链接</a>

然后再css里添加一个样式:

.blue{color:blue}

这样,这个链接就是显示为蓝色.其他链接因为没有使用blue样式而显示为红色.

你的意思就是写一个公共样式表,然后给每一个页面使用是吧,首先创建一个名为common.css的css文件 名字不一定这样写,这里是建议。然后给每一个页面都导入这个css文件就可以了。

常用的有三种外连 引入 和 行内

外连:加在head标签之间,meta和title标签之后。这是用法最广的样式调用。<link rel="stylesheet" type="text/css" href="style/default.css"/>

引入:如果需要在一张样式表之内附加另外的样式。@import url("layout.css")

行内:这种调用看似随便,但是当你需要重写某个属性值时,这种写法至关重要。它的优先级别仅次于!important。style="z-index:2000"。补充一下,js脚本添加页面效果修改原理也是改写style。