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

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