1)
Zewnętrzny
arkusz stylów.
<head> <link rel="Stylesheet" type="text/css" href="style.css" /> </head>
2)Styl
lokalny inaczej
: (styl wpisany, liniowy, linijkowy, w linii) czyli dopisanie arkusza do wybranego bloku treści strony.
<selektor style="cecha1: wartość1; cecha2: wartość2...">...</selektor>
3)
Wewnętrzny
arkusz stylów.
<head> <style type="text/css"> selektor1 { cecha: wartość; cecha2: wartość2... } selektor2 { cecha: wartość; cecha2: wartość2... } </style> </head>
4)
Alternatywny arkusz stylów.
<head> <link rel="Stylesheet" type="text/css" href="style.css" title="Nazwa domyślna" /> <link rel="Alternate stylesheet" type="text/css" href="style1.css" title="Nazwa 1" /> <link rel="Alternate stylesheet" type="text/css" href="style2.css" title="Nazwa 2" /> </head>
5)
Import
arkusza stylów.
<style type="text/css"> @import url(adres zewnętrznego arkusza stylów); </style>