Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.
13 – STYLE attribútum
A STYLE attribútum segítségével az egyes HTML tag-ek szintjén adhatunk meg stílusdefiníciókat. Használhatjuk minden <BODY>-ba illeszthető tag-ben, kivéve pl. a <SCRIPT>-et. Pl.
Ez a szöveg kék színnel és Albertus Extra Bold betűtípussal fog megjelenni, ha...
12 – Stíluslapok importálása
A stíluslapok importálására is lehetőség van a CSS-benaz @import kulcsszó segítségével. Ezt az önálló stíluslapfájlokban és a STYLE tag-en belül használhatjuk (a beágyazott stílusoknál). Pl.:
Megjegyzendő, hogy az importált stílusoknak a lista elején, tehát a...
11 – Stíluslapok elhelyezése
A külső stíluslapfájlok HTML dokumentumainkhoz csatolásának legnagyobb előnye, hogy számos oldal kinézetét megváltoztathatjuk egyetlen fájl, a stíluslap módosításával.
Külső stíluslapfájlokra (.css) a LINK tag-gel lehet hivatkozni a HTML dokumentumokban, pl.:
Ezt a tag-et a HTML dokumentum...
10 – Listák, felsorolások tulajdonságai
Display: ezzel a tulajdonsággal az adott elem előtti és utáni sortörések megjelenését szabályozhatjuk. Lehetséges értékei: block (sortörést helyez el az elem előtt és után), inline (nem helyez el sortörést az elem előtt ill. után),...
09 – Margó- és szegélytulajdonságok
Top Margin: a felső margó beállítását szolgálja, amely megadható hosszúságértékével, vagy százalékos formában, illetve az auto (automatikus) értékkel. A nulla érték letiltja a margót, és negatív értékeket is lehet használni. A százalékos érték mindig...
08 – Szövegek tulajdonságai
Word Spacing: a szavak közötti távolságot lehet vele megadni, csak a hosszúság mértékegységek használhatóak, a negatív előjelet is figyelembe veszi.
Pl.
P EM { word-spacing: 0.4em } P.note { word-spacing: -0.2em }
Letter Spacing:...
07 – Szín- és háttértulajdonságok
Color: az adott elem színét adhatjuk meg vele. Pl.
H1 { color: blue } H2 { color: #0000ff } H3 { color: #0c0 }
Background Color: az adott elem háttérszínét lehet vele beállítani. Pl.
BODY { background-color:...
06 – Betűtulajdonságok
Font Family: betűcsalád (típus) megadása. Több betűtípus is megadható egymás után, melyeket vesszővel kell elválasztani. Pl.
P { font-family: "Times New Roman", Times, serif }
Font Style: betűstílus megadása, amely lehet: normal (normál), italic (dőlt) vagy...
05 – A stílusdefiníciókban megadható tulajdonságok
Használható mértékegységek, egységek
Hosszúságmértékek (Length Units): meg lehet adni abszolút és relatív formában. Használhatjuk a + és " előjeleket, és nem szabad szóközt tenni az érték és a mértékegység neve közé (pl. 1.3em helyes, 1.3...
04 – Öröklődési szabályok
A stílusok öröklődhetnek, és a tagen belüli stílusdefiníciókkal felülírhatjuk a globális stílusmegadásokat. Ez azt is jelenti, hogyha egy tag-hez tartozik globális és lokális stílusmegadás is egy adott tulajdonságra, akkor a lokálisan megadott érték felülírja...