Adding CSS #

Inline #

<tag style="css stuff" />

Generally, don’t do this. But useful for a single element.

Might look something like this on a single html:

<body>
    <h1 style="color: orange;">Something, something</h1> 
</body>

<style>css stuff</style>

Also, don’t do this. But useful for a single webpage.

Would look something like:

<head>
    <style>
        h1 {
            color: orange;
        }
    </style>
</head>

<body>
    <h1>Something, something</h1>
</body>

The recommended way. Everything lives in a separate file. Good for multi-page.

<html>
    <head>
        <link 
            rel="stylesheet" 
            href="./style.css"
        />
    </head>
</html>

The style.css file will look something like:

h1 {
    color: orange;
}