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;
}
Explanation:
In the above example, we used an external CSS file to apply CSS to multiple HTML pages.
