There are three ways of inserting a style sheet:
- External style sheet; use link element
- Internal style sheet; use a style element
- Inline style
Element <style> and <link> can only be used in HTML head section.
Sample of external type sheet
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Sample of internal style sheet
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
Sample of inline style
<p style="color:sienna;margin-left:20px;">
This is a paragraph.
</p>
Cascading order
When there are more than one style specified for an HTML element, following rules will be applied on the order of them, the number one has the highest priority:
1. Inline style (inside an HTML element)
2. Internal style sheet (in the head section)
3. External style sheet
4. Browser default
So, an inline style (inside an HTML element) has the highest priority.