3 sposoby:
STYL ZEWNĘTRZNY (External CSS)
Optymalnym sposobem jest umieszczenie reguł CSS w osobnym pliku. Musimy tylko „poinformować” stronę, że ma przestrzegać reguł z zewnętrznego pliku. Jest to zdecydowanie najczęściej stosowana metoda.
Wewnątrz sekcji <head> strony musimy umieścić fragment kodu z nazwą pliku .css i jego lokalizacją:
<link href="nazwa_pliku.css" rel="stylesheet">W miejsce napisu nazwa_pliku należy podać właściwą, konkretną nazwę pliku z regułami CSS, jaki stworzyliśmy. Podana linijka kodu zakłada, że plik z regułami CSS jest w tym samej lokalizacji, co pliki .html.
STYL WEWNĘTRZNY (Internal CSS)
Polega na dodaniu do sekcji <head> strony znacznika <style>. To w nim umieszcza się wszystkie reguły CSS. Nadaje się do stylowania pojedynczej strony. Przykład znacznika <style> umieszczonego w sekcji <head>:
<head>
<style>
h2{
color: green;
}
</style>
</head>STYL WPISANY (Inline CSS)
Polega na dodaniu do konkretnego, pojedynczego znacznika atrybutu style. W jego wartości wpisuje się konkretną regułę/reguły. Nadaje się do doraźnego stylowania pojedynczego znacznika. Przykład:
<p style="color: navy;">kolorowy tekst</p>