Jak vložit soubor CSS v HTML: 10 kroků

Hypertextový označovací jazyk (HTML) určuje, které položky jsou na webové stránce přítomny. Programovací jazyk "Cascade Style Stoly" (CSS) popisuje, jak by tyto prvky měly vypadat. Soubor CSS může být přidán do HTML jako externí (CSS Přidat jako samostatný soubor) nebo namontovaný styl stylů (CSS obsahuje soubor HTML). Naučte se vložit do HTML souboru CSS změnit návrh stránek.

Kroky

Metoda 1 z 2:

Jak nainstalovat tabulku externího stylu

jeden. Vytvořte soubor CSS. Připravte si a uložte rozšiřování souborů CSS ".CSS ".

Obrázek s názvem Přidat soubor CSS na HTML STEP 2

2. Stáhnout CSS soubor na stránku.

Obrázek s názvem Přidat soubor CSS na HTML Krok 3

3. Zkopírujte adresu (URL) souboru CSS. Adresa stránek bude vypadat něco takového: Tvoje stránka.COM / STYLESHEET.CSS.

Dobrá praxe je odstranit z adresy (URL) hlavního názvu domény. Na základě této adresy http: // moisite.CSS / výchozí.CSS bude snížena na "/ css / výchozí.CSS ». Nezapomeňte zahrnout lomítko ("/"). To se nazývá relativní cesta.

Obrázek s názvem Přidat soubor CSS do HTML kroku 4

čtyři. Vložte odkaz na soubor. Najít v HTML souboru Markupy Vytvořte prázdný řetězec přímo nad ním. Vložte do tohoto řetězce , Nahrazení "váš...»Na odkaz v souboru CSS.

Obrázek s názvem Přidat soubor CSS do HTML kroku 5

Pět. Uložte soubor HTML a stáhněte jej na stránku.

Obrázek s názvem Přidat soubor CSS do HTML kroku 6

6. Ujistěte se, že všechno vypadá na místě, jak by to mělo vypadat. V opačném případě otevřete soubor HTML, vyhledejte chyby a proveďte změny.

Metoda 2 z 2:

Jak vložit interní styl

jeden. Vytvořit štítek Otevřete soubor HTML a vyhledejte štítek . Přidejte několik prázdných řetězců nad ním a zadejte následující:

 Typ ="Text / CSS">

Obrázek s názvem Přidat soubor CSS na HTML STEP 7

jeden. Vložte všechny CSS mezi těmito dvěma štítky.
2. Uložte soubor HTML (s příponou .Html).
3. Ujistěte se, že všechno vypadá na místě, jak by to mělo vypadat. V opačném případě provedete nezbytné změny.

Tipy

Vždy zkontrolujte vzhled webu v různých prohlížečích a na různých operačních systémech. Některé prohlížeče jsou spojeny s CSS trochu jinak. Může se dokonce stát ve stejném prohlížeči, ale na různých verzích Mac a Windows. Pokud vaše stránky vypadají jinak v jiném prohlížeči (například mezera mezi některými objekty, například seznamy, má jinou velikost), pak je problém nastavení pro tento prohlížeč. Najděte tabulku hlavních stylů a vložte jej do horní části souboru CSS změnit standardní nastavení prohlížeče. To se provádí tak, aby vaše nastavení nemění nic v samotném prohlížeči.
Vložte externí stůl stylů, pokud máte takovou příležitost. To vám umožní změnit vzhled webu změnou kódu ve zdrojovém souboru. Takže nemusíte změnit CSS na každé stránce webu.
Pokud stránky nereaguje na CSS, jak jste očekávali, znovu zkontrolujte všechny kódování, abyste se ujistili, že je správně psát. Zvláště věnujte zvláštní pozornost bodům s čárkami (";") a zavíracími závorkami ("}"). Soubor CSS je poměrně jednoduchý přeskočit jeden z těchto znaků.
Uložte soubor HTML do počítače a otevřete jej v různých webových prohlížečích a před dalším načítáním zkontrolujte. Chcete-li jej stáhnout, musí být soubor CSS vložen do HTML jako externí styl stylů stylů.
Je-li styl stylu samotný - například první, nejprve říká, že text bude modrý, a pak bude červeno - bude to vždy poslední podmínka. Pokud je jeden tým externím stylem, a druhý je interní, aktivní vnitřní stůl.

Varování

Nepoužívejte nastavení "Open" CSS, to znamená CSS, která je součástí štítku HTML. (Příklad: "ALIGN =" CENTER "" je otevřená formulace CSS). Jedná se o zastaralou verzi se špatným syntaxickým designem. Pokud po chvíli musíte aktualizovat stránku, bude tato výroba obtížně změnit.