Externé definovanie CSS a ako prepojiť na jeden
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. Momentálne je s nimi ľahké pracovať, ale pretože nie sú uložené na centrálnom mieste, nemožno jednoducho robiť zmeny v štýle 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ť pokyny pre štýl.
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žiť konkrétny externý štýl, musí odkazovať na súbor CSS zo sekcie , a to takto:
V tomto príklade je jedinou vecou, ktorá sa musí zmeniť, aby sa vzťahovala na váš vlastný dokument, je text styles.css . 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ý sa k nemu spája, 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 značiek