css链接样式的写法<link

html-css017

css链接样式的写法<link,第1张

a:link { text-decoration: none}

a:visited { text-decoration: none}

a:hover { text-decoration: underline}

a:active { text-decoration: underline}

注意:在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后才能生效,a:active 必须位于 a:hover 之后才能生效。

1、当我们没有引入外部css样式表的时候,一般情况下我们会在html里写样式,而又两种方式使我们常见的,第一种:

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>time元素</title>

</head>

<body>

<div style="height:300pxwidth:500pxbackground:#999"></div>

</body>

2、第二种写法:

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>time元素</title>

<style>

.all{

height:300px

width:500px

background:#999}

</style>

</head>

<body>

3、建立一个css样式表文件

4、存储在css文件夹中

5、在html文件中写入链接代码,代码如下:

<link rel="stylesheet" type="text/css" href="css/index.css" />

6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件,此时就连接成功。