Ebben a fejezetben arról fogunk beszélni, hogyan ágyazhatjuk be a CSS-t egy HTML dokumentumba, vagyis egy elem stílusleírását közvetlenül az elemhez vagy egy HTML-címkéhez társíthatjuk.

Ennek a feladatnak három módja van:

Írjon stílusleírást közvetlenül az elembe. Ez a módszer csak akkor jó, ha az elem a HTML-dokumentum egyetlen eleme, amelyhez külön stílusleírás szükséges.

Írjon egy stílusleírást a HTML dokumentum összes azonos elemére. Ez a módszer igazolja magát, ha az oldalstílus alapvetően különbözik a webhely általános kialakításától (az egymással összekapcsolt oldalak csoportjától).

Húzza a HTML elemek stílusleírását egy külön CSS-fájlba. Ez lehetővé teszi, hogy kezelje az egész webhely egészét, a CSS-fájlra hivatkozó oldal minden oldalát. Ez a módszer a lépcsőzetes stílusú táblázat leghatékonyabb használata.

Vessünk egy pillantást minden lehetőségre, és ugyanakkor ismerkedjünk meg a CSS írásmódjának szintaxisával.

A stílus attribútum.

Szinte minden HTML-címke stílus-attribútummal rendelkezik. amely szerint ez a címke egy bizonyos stílusleírást tartalmaz.

ez egy egyéni stílusú bekezdés

Mindent meg kell írni a stílus attribútum idézőjelei között, és ennek az elemnek, ebben az esetben az elemnek a stílusleírása lesz

ez egy egyéni stílusú bekezdés

Ebben az esetben jeleztük, hogy ez a bekezdés piros színnel jelenik meg, és 12 képpontos betűmérettel rendelkezik. A következő fejezetekben részletesen elmondom, hogy mi idézőjelben van. Most arról szól, hogyan kell CSS-t alkalmazni bármely HTML-címkéhez.

Ugyanezen elvvel meg lehet adni egy egyedi stílust szinte minden HTML elem számára.

De a CSS végrehajtásának ez a módja csak akkor jó, ha egy bizonyos számú HTML elemet szeretnénk megadni.

Annak érdekében, hogy a szükséges elemeket egyszerre lehessen leírni az egész oldalon, a dokumentum HTML-fejléce beágyazza a címkét (ne keverje össze az azonos nevű attribútummal), amelyben a szükséges elemek leírása megtörténik.

Mint látható, elértük, hogy pontosan ugyanazt az eredményt, mint az első esetben, mi csak most már nem írja elő a stílus minden eleme külön-külön, és bevitte a „feje” a dokumentum jelezve ezzel, hogy minden a fejlécek

,

- kék lesz, és bekezdések

- piros. Képzeld el, milyen is lenne egyszerűsíteni a munkát, hogy a több száz oldalas fejezetből és tizenöt címek, és a dokumentum lett kevesebb súly miatt „törlés” minden visszatérő stilisztikai leírását minden egyes eleme.

címke