Ako vložiť súbor CSS do HTML: 10 krokov

Jazyk označenia hypertextu (HTML) Určuje, ktoré položky sú prítomné na webovej stránke. Programovací jazyk "Kaskádové stoly" (CSS) opisuje, ako by tieto prvky mali vyzerať. Súbor CSS je možné pridať do HTML ako externé (CSS pridať ako samostatný súbor) alebo súbor štýlov (CSS obsahuje súbor HTML). Naučte sa, ako vložiť do HTML File CSS na zmenu dizajnu stránok.

Kroky

Metóda 1 z 2:

Ako nainštalovať tabuľku plechu externého štýlu

jeden. Vytvorte súbor CSS. Pripravte sa a uložte expanziu súborov CSS ".CSS ».

Obrázok s názvom Pridať súbor CSS do HTML Krok 2

2. Stiahnite si CSS súbor na stránku.

Obrázok s názvom Pridať CSS súbor do HTML Krok 3

3. Skopírujte adresu (URL) súboru CSS. Adresa lokality bude vyzerať niečo také: Tvoja.com / štýl.CSS.

Dobrou praxou je odstrániť z adresy (URL) hlavného názvu domény. Na základe tejto adresy http: // MOISITE.CSS / predvolené.CSS sa zníži na "/ CSS / predvolené.CSS ». Nezabudnite zahrnúť hlavnú lomku ("/"). Nazýva sa relatívnym spôsobom.

Obrázok s názvom Pridať CSS súbor do HTML Krok 4

4. Vložte odkaz na súbor. Nájdite v HTML File Markups Vytvorte prázdny reťazec priamo nad ním. Vložiť do tohto reťazca , Nahradenie "váš...»Na prepojení v súbore CSS.

Obrázok s názvom Pridať CSS súbor do HTML Krok 5

päť. Uložte súbor HTML a stiahnite ho na stránku.

Obrázok s názvom Pridať CSS súbor do HTML Krok 6

6. Uistite sa, že všetko vyzerá na stránke, ako by sa mal pozrieť. V opačnom prípade opäť otvorte súbor HTML, nájdite chyby a vykonajte zmeny.

Metóda 2 z 2:

Ako vložiť interný štýl

jeden. Vytvorte štítok Otvorte súbor HTML a nájdite štítok . Pridajte ho niekoľko prázdnych reťazcov a zadajte nasledovné:

 Typ ="Text / CSS">

Obrázok s názvom Pridať súbor CSS do HTML Krok 7

jeden. Vložte všetky svoje CSS medzi týmito dvoma štítkami.
2. Uložte súbor HTML (s rozšírením .Html).
3. Uistite sa, že všetko vyzerá na stránke, ako by sa mal pozrieť. V opačnom prípade vykonajte potrebné zmeny.

Tipy

Vždy skontrolujte vzhľad stránky v rôznych prehliadačoch a na rôznych operačných systémoch. Niektoré prehliadače sú pripojené k CSS trochu inak. Môže sa to dokonca stať v tom istom prehliadači, ale na rôznych verziách Mac a Windows. Ak vaše stránky vyzerá inak v inom prehliadači (napríklad medzera medzi niektorými objektmi, ako sú zoznamy, má inú veľkosť), potom problém je nastavenia pre tento prehliadač. Nájdite tabuľku Master Styles a vložte ho do hornej časti CSS súbor zmeníte nastavenia štandardného prehliadača. Toto sa robí tak, že vaše nastavenia v samotnom prehliadači nič nemenia nič.
Ak máte takúto príležitosť, vložte externú tabuľku štýlov. To vám umožní zmeniť vzhľad stránky zmenou kódu v zdrojovom súbore. Takže nemusíte meniť CSS na každej stránke stránky.
Ak stránka nereaguje na CSS, ako ste očakávali, znovu skontrolujte všetky kódovanie, aby ste sa uistili, že je správne písanie. Najmä venujte osobitnú pozornosť bodom s čiarkami (";") a zatváracie zátvorky ("}"). Súbor CSS je pomerne jednoduchý preskočiť jeden z týchto znakov.
Uložte súbor HTML do počítača, aby ste ho otvorili v rôznych webových prehliadačoch a dozviete ho pred ďalším naložením. Aby ste ho mohli prevziať, súbor CSS musí byť vložený do HTML ako externý štýl štýlov.
Ak samotný štýl sám je v rozpore - napríklad najprv hovorí, že text bude modrý, a potom to bude červená - bude to vždy posledná podmienka. Ak je jeden tím externý štýl, a druhý je vnútorný, aktívny vnútorný stôl.

Upozornenia

NEPOUŽÍVAJTE "OPEN" Nastavenie CSS, to znamená CSS, ktoré je zahrnuté v štítku HTML. (Príklad: "ALIGN = `CENTRUM`" "je otvorená CSS formulácia). Toto je zastaraná verzia so zlým dizajnom syntaxe. Ak po chvíli musíte aktualizovať stránku, bude táto produkcia ťažké zmeniť.