Belső vagy beágyazott stílusok
Név | Angol eredete | Hatás | Jellemzők |
---|---|---|---|
<style> | Style | A HTML dokumentumon belüli stílusdefiníciók megadását teszi lehetővé.Páros címke. | Általános ; Események |
A következő böngészők támogatják: |
---|
A külső stíluslap beállításait módosíthatjuk a beágyazott stílusdefinícióval, az aktuális weboldal egyedi jellemzőinek megfelelően.
Egyszerűbb weboldal esetén (pl. egy oldalas webhely) a külső stíluslapot akár el is hagyhatjuk.
Összetett webhely fejlesztésekor beágyazott stílusdeklarációkkal alakítható ki a főbb oldalak megjelenése. Ekkor csak egy-egy fájlt kell megfelelően elkészíteni. Ezt követően a stílusdeklarációk külső stíluslapokba helyezhetők át.
Egy HTML oldalon több < style> elem is elhelyezhető.
Példa:
HTML kód
<!DOCTYPE html>
<html lang="hu">
<head>
...
<link rel="stylesheet" type="text/css" href="f_5.css">
<style>
body {
background-color:#d0e4fe;
}
</style>
</head>
<body>
A külső stíluslap beállításait módosítjuk.
</body>
</html>
CSS kód
body {
font-size: 34px;
text-align: center;
}
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_css_belso.html