HTML formátumú stíluslapok beillesztése

§ 3. A stíluslapok HTML dokumentumba ágyazása.

Ma valószínűleg nehéz elképzelni egy weboldalt anélkül, hogy ilyen erős technológiát alkalmaznánk, például a lépcsőzetes stíluslapokat. Ebben a cikkben beszélünk veled arról, hogy hogyan lehet stílusokat weboldalként elhelyezni.

Háromféle módon lehet elhelyezni egy stílust az oldalon:
  • Inline stílusok
  • Beágyazott stílusok (beágyazva)
  • Külső stíluslapok
Most nézzük meg az egyes módszereket külön-külön. Az első mód a beillesztett stíluslapok. Ezt a módszert alkalmazzuk egy adott oldalelemre, például egy vízszintes vonalra (
). például:


Ezt a stílust alkalmazva egy 50 képpont hosszú, 4 képpontos vízszintes vonalat kapunk, és ennek megfelelően a # ff8c00 színnel. A stílus beágyazásának ez a módja akkor hasznos, ha a szöveget, a fülhallgatót és a színeket csak az oldal bizonyos helyén kell megváltoztatni.

A következő helyettesítési mód # 151; ez egy beépített stílus. Ez a módszer kompakt módon hozzáad egy stíluslapot. Ez megvalósul a címkék hozzáadásával a html-oldal fejlécéhez , amelyek között írja le a szükséges stílusokat. például:

A következő helyettesítési módszer egy külső stíluslap használata. Ez a módszer a legmegfelelőbb a lépcsőzetes stíluslapok használatához. Ezt képviseli. Minden css-stílust egyetlen szövegfájlban gyűjtünk össze, és minden html-oldalon egy linket készítünk a fájlra. Most már nagyon gyorsan megváltoztathatjuk a szükséges stílust, és ezek a változások automatikusan megjelenik a webhely összes oldalán. Nem kényelmes?

Kétféleképpen érheti el a külső stíluslapokat (az úton, a stíluslap fájlnak rendelkeznie kell .css kiterjesztéssel) a html oldalról.



Az oldal címe


...

Itt speciális címkét használunk , amely egy stílusfájlra utal. Ezt a módszert jól támogatja a különböző böngészők és a leggyakrabban használt. A címkeben szereplő attribútumok a következőket jelölik: rel = "stíluslap" azt jelzi, hogy egy stíluslapot fogunk kezelni, a href = "..." attribútum határozza meg a css fájl helyét. Itt megadhatja mind a relatív útvonalat, mind az abszolút útvonalat.

Itt meg kell jegyezni, hogy a @import funkciónak minden szabály előtt meg kell felelnie. Ennek a módszernek az az előnye, hogy egyszerre több stíluslapot is hozzáadhat az oldalhoz.

Az itt felsorolt ​​stíluslapok beágyazásának módja előnye és hátránya. Önön áll, hogy eldönthesse, hogyan csatolja a stílust az oldalhoz, így elfogadhatóbbá válik Önnek és egy adott helyzetnek. Sok szerencsét.

Kérdése van? Kérsz ​​egy fórumot. Itt gyorsan válaszol a kérdésére.

Eközben a fórumon