Zewnętrzny
<link rel="Stylesheet" type="text/css" href="style.css" />
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>
Wewnętrzny arkusz stylów.
<head> <style type="text/css"> selektor1 { cecha: wartość; cecha2: wartość2... } selektor2 { cecha: wartość; cecha2: wartość2... } </style> </head>
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>
Import arkusza stylów.
<style type="text/css"> @import url(adres zewnętrznego arkusza stylów); </style>