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.
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...
03 – Stílusosztályok
Egy tag-hez készíthetünk több különböző, ún. stílusosztályt is: a tag neve után egy ponttal elválasztva adjuk meg az osztály nevét (módosítót), pl.
code.html {color: yellow}
code.js {color:blue}
Az osztályneveket meg lehet adni konkrét tag nélkül is,...
02 – CSS stílusok megadása
A stíluslapokon stílusmegadásokkal (stílusdefiníciókkal) formázhatjuk meg a kívánt oldalelemeket: a böngésző az itt megadott definíciók alapján fogja megjeleníteni az oldalt. A böngészők nem teljesen kompatibilisek egymással a stíluslapok használatát illetően, ezért teszteljük oldalainkat a...
01- Bevezetés
A CSS a Cascading Style Sheets, magyarul stíluslapok kifejezés rövidítése, amely szabványos, az oldalak formázásához használható leíró nyelv, és amely a HTML nyelv kibővítését szolgálja. A CSS segítségével oldalainknak professzionális megjelenést adhatunk, mindezt úgy,...