A style tag

A style tag lehetővé teszi, hogy CSS-t írjunk közvetlenül a HTML oldal belsejében. Vegye figyelembe, hogy a style tag belsejében a CSS nyelv szintaxisát kell követnünk (választók, kapcsos zárójelek és így tovább).

Ez a tag a head tag belsejében helyezkedjen el, azonban ez nem kötelező - a style tag elhelyezhető a body tag belsejében is, és az működni fog.

Ne élj túlzottan a style taggel - ehelyett leggyakrabban külön CSS fájlt kell használni.

Példa

Írjunk CSS-t a HTML kód belsejébe a style tag segítségével:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ez a cím oldalcíme</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>Ez egy szabványos (fekete) színű cím.</h1>
    <p>Ez egy piros színű bekezdés.</p>
  </body>
</html>

Lásd még

  • a link tag,
    amely CSS fájlokat csatol
  • a style attribútum,
    amely stílusokat határoz meg egy adott tag számára