Vonkajšie šablóny štýlov a vložené šablóny štýlov CSS
Existuje niekoľko vecí, ktoré odlišujú externé šablóny štýlov od vložených šablón štýlov.

Vložené tabuľky štýlov
V predchádzajúcich návodoch ste videli príklady vložených šablón štýlov CSS a zistili ste, že základný kód CSS pre vložené šablóny štýlov začína a končí značkami. Vnútri týchto značiek je kód CSS, ktorý sa skladá z každého selektora (voličov) a jeho príslušných dvojíc hodnota-vlastnosť. Nakoniec sa vložený štýl umiestni do hlavovej časti vašej webovej stránky.

príklad



Vonkajšie tabuľky štýlov
Vonkajšie šablóny so štýlmi sa trochu líšia, pretože neobsahujú začiatočné a koncové značky. V skutočnosti nemôžete mať žiadne značky HTML okrem komentárov a príkazu @import. Ide v podstate o textový súbor, ktorý obsahuje iba kód CSS.

príklad
telo {farba pozadia: #ffffff}

p {font-size: 12pt; farba: # 000000; zarovnanie textu: stred}

Svoje externé hárky so štýlmi môžete pomenovať podľa vášho želania, ale je dobré dať tomuto súboru názov, ktorý odráža účel kódu CSS. Napríklad kód CSS, ktorý riadi štýl odkazov na ponuku na vašej webovej stránke, sa môže nazývať menu.css. Aj keď je voliteľné, pre externé šablóny so štýlmi by ste mali použiť príponu .css.

Po vytvorení externých šablón so štýlmi ich môžete použiť na ľubovoľnej webovej stránke umiestnením značky alebo príkazu @import do hlavovej časti.





Video Návody: Уловки сознания (Apríl 2024).