logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
vissza VISSZA    
menü MENÜ    
tovább TOVÁBB    

Belső vagy beágyazott stílusok



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: Chrome logó Firefox logó Safari logó Opera logó IE logó

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