External CSS

External CSS uses an external CSS file to apply CSS to multiple HTML pages.

Example:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello World!!</h1>
<p>How are you?</p>
</body>
</html>

style.css:

h1   {
background-color: blue; 
color: white;
}
p    {
color: blue;
font-size: 25px;
font-style: italic;
}

Output:

Explanation:

In the above example, we used an external CSS file to apply CSS to multiple HTML pages.

Please Share