Ir zināmi trīs veidi, kā CSS sasaistīt ar HTML.
Visbiežāk izmantotais un atzītākais ir Ārējs CSS fails jeb datne.
Neliela pamācība -
*Atveram parastāko teksta redaktoru - Notepad
Ievietojam mūsu kodu -
*Tālāk saglabājam mūsu kodu ar faila paplašinājumu ".css"(bez pēdiņām), neatstājam noklusēto piedāvājumu, piemēram mūsu failu varētu nosaukt par "noformejums.css".
*Tad atkal veram vaļā notepad un šis būs mūsu HTML dokuments un līdzīgi kā css failam šo dokumentu saglabājam ar faila paplašināju ".html". Html dokumenta "head" daļā norādām atsauci jeb linku, kur glabājas mūsu noformējuma nosacījumi, tas varētu izskatīties šādi -
Code
<head>
<link rel="stylesheet" type="text/css"
href="noformejums.css"/>
</head>
Pilns Html kods varētu izskatīties šādi -
Code
<html>
<title>Eksperiments</title>
<meta http-equiv="content-type" content="text/html; charset= windows-1257">
<head>
<link rel="stylesheet" type="text/css"
href="noformejums.css"/>
</head>
<body>
<p>Lūk, kāds noformējums!!</p>
</body>
</html>
Šis arī ir galvenais CSS pielietošanas veids, kad visas Web lapas daudzo HTML dokumentu noformējums glabājas atsevišķi un HTML dokumentos atrodas tikai saite jeb links uz ".css".
Tas arī viss pagaidām, ja ir jautājumi, tad jautājam.