Hlavním problémem souvisejícím s propojením místního souboru CSS v HTML je to, že prohlížeč nemusí být schopen soubor najít, pokud není umístěn ve stejném adresáři jako stránka HTML. To lze vyřešit poskytnutím úplné cesty k souboru CSS nebo umístěním obou souborů do stejného adresáře. Pokud navíc používáte relativní cesty, ujistěte se, že je používáte správně a že směřují do správného umístění.
<link rel="stylesheet" type="text/css" href="style.css">
1. Tento řádek kódu se používá k propojení externího souboru šablony stylů s názvem „style.css“ s dokumentem HTML.
2. Značka „link“ se používá k označení, že se vytváří odkaz na externí zdroj.
3. Atribut „rel“ určuje vztah mezi aktuálním dokumentem a propojeným zdrojem, v tomto případě se jedná o soubor šablony stylů.
4. Atribut „type“ označuje typ odkazovaného zdroje, což je v tomto případě textový/css soubor (CSS je zkratka pro Cascading Style Sheets).
5. Atribut „href“ specifikuje umístění propojeného zdroje, což je v tomto případě soubor s názvem „style.css“.
Soubor CSS
CSS (Cascading Style Sheets) je jazyk používaný k popisu prezentace HTML dokumentu. Používá se k definování vzhledu a formátování webové stránky, včetně stylů písem, velikostí, barev, mezer a dalších aspektů rozvržení webové stránky. CSS lze zahrnout do dokumentu HTML pomocí štítek. Tato značka by měla být umístěna v sekci dokumentu HTML a měla by obsahovat odkaz na soubor CSS, který obsahuje všechna pravidla stylu pro danou konkrétní webovou stránku.
Jak mohu odkazovat na místní soubor CSS v HTML
Chcete-li odkazovat na místní soubor CSS v HTML, můžete použít živel. The prvek by měl být umístěn v sekci vašeho HTML dokumentu. Atribut href by měl obsahovat cestu k vašemu souboru CSS.
Například:
