Keď webový prehliadač načíta webovú stránku, spôsob jej zobrazenia je určený informáciami z kaskádového štýlu štýlov. Existujú tri spôsoby, ako môže súbor HTML použiť štýl štýlov: externe, interne a in-line.
Interné a lineárne štýly sa ukladajú v samotnom súbore HTML. V tomto okamihu je jednoduché pracovať, ale pretože nie sú uložené na centrálnom mieste, nemožno jednoducho robiť zmeny štýlu na celom webe naraz; musíte sa vrátiť späť do každej položky a zmeniť ju ručne.
Vďaka externému štýlu sa však pokyny na vykresľovanie stránky ukladajú do jedného súboru, čo zjednodušuje úpravu štýlu na celom webe alebo viacerých prvkoch. Súbor používa príponu súboru .CSS a odkaz na umiestnenie tohto súboru je zahrnutý v dokumente HTML, takže webový prehliadač vie, kde hľadať stylingové pokyny.
Jeden alebo viac dokumentov môže odkazovať na rovnaký súbor CSS a webové stránky môžu mať veľa unikátnych súborov CSS na štýl rôznych stránok, tabuliek, obrázkov atď.
Ako prepojiť externý štýl
Každá webová stránka, ktorá chce používať určitý externý štýl, musí odkazovať na súbor CSS zo súboru
sekcia, podobne ako toto:
V tomto príklade je jedinou vecou, ktorá sa musí zmeniť, aby sa vzťahovala na váš vlastný dokument styles.css Text. Toto je umiestnenie vášho súboru CSS.
Ak je súbor skutočne nazvaný styles.css a nachádza sa v rovnakom priečinku ako dokument, ktorý k nemu pristupuje, potom môže zostať presne tak, ako je uvedené vyššie. Je však pravdepodobné, že váš súbor CSS má názov niečo iné, v takom prípade môžete zmeniť názov zo štýlov na akékoľvek vaše.
Ak súbor CSS nie je v koreňovom adresári tohto priečinka, ale namiesto toho v podadresári, môže to namiesto toho čítať takto:
Ďalšie informácie o externých súboroch CSS
Najväčšou výhodou externých štýlov je to, že nie sú viazané na žiadnu konkrétnu stránku. Ak je styling vykonávaný interne alebo in-line, iné stránky na webových stránkach nemôžu poukazovať na tie predvoľby stylingu.
Vďaka externému štýlu však môže byť rovnaký súbor CSS použitý pre doslova každú stránku na webovej stránke, takže všetky z nich majú jednotný vzhľad a upravovanie obsahu CSS celého webu je veľmi jednoduché a centralizované.
Môžete vidieť, ako to funguje nižšie …
Vnútorný dizajn vyžaduje používanie
Vzhľadom na to, že externé štýly sa nachádzajú v ich vlastnom súbore, môžu byť vytvorené takto a to znamená presne to isté ako vyššie uvedená vzorka:
telo {farba pozadia: zelená; } h1 {farba: modrá; margin-left: 15px; }
V týchto príkladoch sa štýl inline vzťahuje iba na túto konkrétnu stránku, čo je zrejmé z toho, že je obsiahnutá v detaile hlavičky tejto HTML stránky. V druhom príklade sú informácie o CSS obsiahnuté v súbore CSS, ktorý môže odkazovať ľubovoľná stránka na používanie kódu Ako prepojiť externý štýl vyššie.
