HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
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