Interneta Pamati 2

Ārējie stili (external style sheets)
Obligāta rindiņa, kuru ievieto <head> sadaļā, maina tikai css faila nosaukumu:
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” media=”all” />
Ja pārlūkprogramma ieskanēs šādu rindu html dokumentā, tad nākamais solis būs augšupielādēt informāciju no *.css faila (mūsu gadījumā tas ir mystyle.css) un izmantos šo informāciju html dokumenta noformēšanai. CSS faila atrodas tikai CSS stilu apraksti.
Šo CSS variantu labi izmantot tad, kad vienus un tos pašus stilus ir jāizmanto vairākos html failos. Tad jāizveido tikai vienu *.css failu un katrā html dokumentā ievietot šo rindu.
Iekšējais dokumenta stils (document style sheets)
Nosaukums veidojās tāpēc, ka tos aprakstītus stilus izmanto tikai viens HTML dokuments. Dažreiz šo variantu sauc par embedded style sheet (iebūvēts stils).
Visi CSS stili ir iebūvēti starp tagu <style> un </style>:
<style type=”text/css”>
... </style>
Pats tags <style> var atrasties jebkura sadaļā html dokumentā, bet pieņemts rakstīt tos <head> sadaļā.
Elementa iekšējais stils (inline styles)
Dažreiz ir nepieciešams izveidot vienreizējo stilu html dokumentā, neizmantojot ārējos vai iekšējos stilus. Šajā gadījumā izmanto atribūtu style:
<p style=”color: red”>piemērs ar tekstu paragrāfā</p>
Iekš atribūta style visi css uzstādījumi rakstās caur simbolu „;” nevis kā parastajā html dokumenta caur atstarpi.
Varētu rasties jautājums: "Vai vienā HTML dokumentā var lietot pat visus trīs CSS pielietojuma variantus?" Atbilde ir: "Jā, protams!" Tikai šajā gadījumā būtu jāņem vērā piesaistītā CSS subordinācija, jeb prioritāte. Tā ir sekojoša:
1. Elementa iekšējais CSS. Šim ir visaugstākā prioritāte. Piemēram, ja esam noteikuši, ka šīs rindkopas burtu krāsa būs sarkana, tad, neatkarīgi no tā, kādu burtu krāsu rindkopām paredz citi CSS noformējuma noteikumi, šīs rindkopas burti tomēr paliks sarkanā krāsā. Tomēr, ja citi CSS noteikumi paredz vēl kaut ko papildus, kas nav minēts šajā augstākas prioritātes CSS-ā, tad šie konkrētie papildus noteikumi tiks ņemti vērā (piemēram, lapas iekšējais CSS nosaka, ka visu rindkopu tekstam jāatrodas kursīvā utt.). Šis pats princips attiecas arī uz "lapas iekšējo" un "ārējo" CSS, t.i., augstāka ranga CSS-am vienmēr ir "pirmā roka".
2. Lapas iekšējais CSS.
3. Ārējais CSS fails.