Csatlakozó css stílusok - 3 lehetőség

3 lehetőség van, hogyan kell végrehajtani kapcsolat CSS stíluslapot a honlapjára: Használhatja a globális CSS stílusok, hozzátéve, CSS szabályok egy edénybe
HTML dokumentum, akkor adjunk hozzá egy linket egy külső .css amely tartalmazza az összes szükséges szabályokat, és használja a belső CSS szabályokat alkalmazni, hogy egy adott elem. Ebben az útmutatóban fogjuk vizsgálni mindhárom lehetőség CSS kapcsolatokat, tanulunk azok erősségeit és gyengeségeit.Opció 1 - Global CSS
Globális CSS edénybe helyezzük
egy adott oldalon. E lehetőség szerint csatlakoztassa osztályok és azonosítók (ID) lehet használni, hogy olvassa el a CSS kódot, azonban csak akkor lesz aktív ebben a konkrét oldalon. CSS stílusok vannak kötve az ilyen módon letöltött minden alkalommal, amikor újra az oldalt, így befolyásolhatja a letöltési sebesség. Van azonban néhány helyzetek, amikor a használata a globális CSS hasznos lehet. Például, ha kell elküldeni valakinek oldal sablon - akkor sokkal könnyebb lesz, hogy az előzetes eredményt, ha minden ugyanazon az oldalon. Global CSS között elhelyezett címkék . Itt egy példa a globális stílus mérleg:- Stíluslapnyelv azonban csak a következő oldalon.
- A globális CSS is használható osztályok és az azonosítók (ID).
- Nem kell letölteni több fájlt. HTML és CSS lehet ugyanabban a fájlban.
Hátrányai globális CSS:
- Fokozott oldal betöltése alkalommal.
- Csatlakoztatása csak egy oldal - hatékonyan, ha azt szeretnénk, hogy ugyanazt a CSS több oldalt.
CSS, hogyan lehet egy kapcsolat egy HTML oldal
- Ezután lépjen a következő sorra, és add meg a szükséges CSS szabályokat, például:
háttér - színes. kék;
- Miután befejeztük hozzátéve CSS szabályokat, adjuk hozzá a záró tag:
Miután az összes akció, HTML-dokumentum általános CSS kell kinéznie:
<. DOCTYPE html> u>
Guide Hostinger h1>
Ez a mi szöveget. p>