First page Back Continue Last page Image

Linking

Create an external style sheet for your entire website or for a group of related pages on your website
Each web page must link to the style sheet using the <link> tag
The <link> tag is placed within the <head> of your document

1.html

2.html

3.html

4.html

firstsheet.css

body {background: LightGray;
margin-top: 10}
h1 {font-weight: bold;
text-align: center;
color: Green;
background: Yellow;
font-family: Comic Sans MS,
Arial, sans-serif}
div {font-family: Helvetica, Arial, sans-serif;
font-style: italic;
text-align: right;
color: blue}

<html>
<head>
<link rel="stylesheet" href="firstsheet.css" type="text/css">
</head>
<body>
This is text in the Body
<h1>
This is text in the H1
</h1>
<div>
This is text in the div
</div>
</body>
</html>

<html>
<head>
<link rel="stylesheet" href="firstsheet.css" type="text/css">
</head>
<body>
This is text in the Body
<h1>
This is text in the H1
</h1>
<div>
This is text in the div
</div>
</body>
</html>