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
). 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.
...
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.