Тег <link />

Этот тег определяет отношения между документом и внешним ресурсом. Он должен быть внутри тега <head></head>.

Аргумент	Значение
href	URL
hreflang	ru en ...
media	all aural braille handheld projection print screen tty tv
rel	alternate archives author bookmark external first help icon last licence next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up
sizes	48x48
type	MIME-type

style.css

* {
margin: 0;
padding: 0;
}
.a {
width: 400px;
height: 400px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -200px;
background-color: #CCFFCC;
text-align: center;
line-height: 400px;
font-size: 56px;
}

* {
margin: 0;
padding: 0;
}
.a {
width: 400px;
height: 400px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -200px;
background-color: #CCFFCC;
text-align: center;
line-height: 400px;
font-size: 56px;
}

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="a">Hello World!</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="a">Hello World!</div>
</body>
</html>