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

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

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.