CSS Cascading Style Sheet HTML
CSS A CSS angol mozaikszó: Cascading Style Sheet. Magyarul egyszerűen legyen stíluslap. Stíluslap elhelyezése a kódban: <html> <head> <meta charset="utf-8"> <title>Az oldal címe</title> <STYLE TYPE="text/css"> [a stíluslap] </STYLE> </head> <body>Az oldal tartalma</body> </html> HTML
Stíluslap részei szelektor { tulajdonság_1: érték; … } HTML
Szelektorok Szelektor lehet a tag-eg neve: Peldául: body (lap), p (bekezdés), b (félkövér), i (dőlt), u (aláhúzott), a (hiperhivatkozás) stb ... De lehet: az a (hiperhivatkozás)-hoz tartozó látszólagos elemek: a:link az olyan linkekre vonatkozó szelektor, amiket még nem látogattunk meg a:visited a már meglátogatott linkek szelektora a:hover azon linkek szelektora, amelyik felett éppen az egérkurzor áll a p (bekezdés)-hez tartozó látszólagos elemek: p:first-line a bekezdéshez tartozó első sor szelektora p:first-letter a bekezdés első betűjére vonatkozó szelektor, ezáltal lehet iniciálékat rendelni a bekezdésekhez. HTML
Néhány szöveg tulajdonság color: szín; a szöveg színét befolyásolja, az értékét a TAG-eknél tárgyalthoz hasonlóan lehet megadni text-align: igazítás; igazítás lehetséges értékei: left; center; right; justify; font-family: "betűcsalád"; az egyszerűség kedvéért használjunk alap betűcsaládokat, ezek nevét például: "Arial" "Times New Roman" "Courier New" stb ... font-size: méret mértékegységgel; mértékegység lehet: em , 1em az alap betűméretet adja meg, 1.5em ennél másfélszer nagyobb. Mértékegység lehet még px (pixel) is. 12px általában 1em. A CSS a számszerű értékek többségéhez kér mértékegységet, anélkül csúnya dolgokat művel !!! text-decoration: dekoráció; dekoráció lehet: underline (aláhúzás) overline (felülhúzás) line-through (áthúzás) blink (villogtatás) ezeket a dekorációkat kombinálni is lehet úgy, hogy szóközzel elválasztva egymás mögé írjuk őket font-weight: kövérség; ha normál félkövér betűt akarunk akkor itt adhatjuk meg a bold értéket, de a CSS ismer bolder (kövérebb), és lighter (vékonyabb) értéket is. font-stlye: stílusjegy; ha dölt betűt akarunk itt adhatjuk meg az italic értéket. letter-spacing: méret mértékegységgel; a betűk közötti távolságot adhatjuk adhatjuk meg. word-spacing: méret mértékegységgel; a szavak közötti távolságot adhatjuk meg. HTML