Hogyan kell beilleszteni a css fájlt a html-ben

Hypertext jelölési nyelv (HTML) Meghatározza, hogy mely elemek jelen vannak a weboldalon. A "Cascade Style Tables" (CSS) programozási nyelv leírja, hogy ezeknek az elemeknek hogyan kell kinézniük. A CSS fájl adhatunk HTML külső (CSS add külön fájl) vagy illesztett stíluslap (CSS tartalmazza a HTML fájl). Ismerje meg, hogyan kell beilleszteni a HTML fájl CSS-t a webhely kialakításának megváltoztatásához.

Lépések

1. módszer: 2:
A külső stílusú táblázat telepítése
  1. A CSS-fájl hozzáadása a HTML 1. lépéshez
egy. CSS-fájl létrehozása. Készítse elő és mentse el a CSS-fájl bővítését.CSS ".
  • A CSS fájl hozzáadása a HTML 2. lépéshez
    2. Töltse le a CSS fájlt a webhelyre.
  • A CSS-fájl hozzáadása a HTML 3. lépéshez
    3. Másolja a CSS-fájl címét (URL). A webhely címe valami ilyesmit fog kinézni: Te oldalad.com / stylesheet.CSS.
  • A helyes gyakorlat törlése a fő tartománynév címétől (URL). Ennek alapján a http: // moisite címe.CSS / alapértelmezett.A CSS-t "/ CSS / alapértelmezett értékre csökkentik.CSS ". Ne felejtsük el, hogy tartalmazza az ólom slash ("/"). Relatív módon hívják.
  • A CSS-fájl hozzáadása a HTML 4. lépéshez
    4. Helyezze be a linket a fájlra. Keresse meg a HTML fájlmegjelöléseit, hogy hozzon létre egy üres karakterláncot. Helyezzen be ehhez a karakterláncba , A "WWW".a te...»A CSS fájlban található linken.
  • A CSS fájl hozzáadása a HTML 5. lépéshez
    öt. Mentse el a HTML fájlt, és töltse le a webhelyre.
  • A CSS-fájl hozzáadása a HTML 6. lépéshez
    6. Győződjön meg róla, hogy minden úgy néz ki, mint az oldalon, ahogy kellene néznie. Ellenkező esetben nyissa meg újra a HTML fájlt, találjon hibákat és módosítsa a módosításokat.
  • 2. módszer 2:
    Belső stíluslap behelyezése
    egy. Létrehoz egy címkét Nyissa meg a HTML fájlt, és keresse meg a címkét . Adjon hozzá több üres húrot, és adja meg a következőket:
     Típus ="Szöveg / CSS">
    A CSS-fájl hozzáadása a HTML 7. lépéshez
    1. A CSS-fájl hozzáadása a HTML 8. lépéshez
      egy. Helyezze be az összes CSS-t a két címke között.
    2. A CSS-fájl hozzáadása a HTML 9. lépéséhez
      2. Mentse el a HTML fájlt (bővítéssel) .HTML).
    3. A CSS-fájl hozzáadása a HTML 10. lépéshez
      3. Győződjön meg róla, hogy minden úgy néz ki, mint az oldalon, ahogy kellene néznie. Ellenkező esetben tegye meg a szükséges változtatásokat.

    Tippek

    • Mindig ellenőrizze a webhely megjelenését különböző böngészőkben és különböző operációs rendszerekben. Néhány böngésző egy kicsit másképp csatlakozik a CSS-hez. Ugyanabban a böngészőben is megtörténhet, de a Mac és a Windows különböző verzióiban. Ha a webhely más böngészőben másként néz ki (például egyes objektumok közötti rés, például a listák, más méretű), akkor a probléma a böngésző beállításai. Keresse meg a Master Styles táblázatot, és helyezze be a CSS fájl tetejére a standard böngésző beállításainak módosításához. Ezt úgy végezzük, hogy a beállítások nem változnak semmit a böngészőben.
    • Helyezze be a stílusok külső tábláját, ha ilyen lehetőség van. Ez lehetővé teszi, hogy megváltoztassa a webhely megjelenését a kód fájlban lévő kód megváltoztatásával. Tehát nem kell változtatnia a CSS-t a webhely minden oldalán.
    • Ha a webhely nem reagál a CSS-re, a vártnál, ellenőrizze újra az összes kódolást, hogy megbizonyosodjon arról, hogy helyesen írja. Különösen különös figyelmet kell fordítani a vesszővel (";") és záró zárójelek ("}") pontokra. A CSS fájl meglehetősen egyszerűen kihagyhatja ezeket a karaktert.
    • Mentse el a HTML fájlt a számítógépre, hogy megnyissa azt a különböző webböngészőkön, és kétszer ellenőrizze a további terhelés előtt. De letölteni, a CSS-fájlt be kell illeszteni a HTML-be külső stíluslapként.
    • Ha maga a stíluslap ellentmond - például először azt mondja, hogy a szöveg kék lesz, majd piros lesz - ez lesz az utolsó állapot. Ha egy csapat külső stílusú lap, a másik pedig egy belső, aktív belső asztal.

    Figyelmeztetések

    • Ne használja a CSS "Open" beállítását, azaz CSS-t, amely a HTML címkében szerepel. (Példa: "Align =" Center `"egy nyitott CSS-készítmény). Ez egy elavult változat, amely rossz szintaktikai tervezéssel rendelkezik. Ha egy ideig frissítenie kell a webhelyet, akkor ez a termelés nehéz megváltoztatni.
    Hasonló publikációk