- Using the
link
element (in thehead
of the document):
<head>
<link rel="stylesheet" href="/path/stylesheet.css">
</head>
We can include multiple link
elements for different CSS files, and all of them will apply to the HTML document.
- Importing with
@import
at-rule:
<head>
<style>
@import url("path/stylesheet.css");
/* Other styles */
p {
color: red;
}
</style>
</head>
The @import
rule must be at the beginning of the <style>
element before any other selectors.