Post Tagged with: "referencia"

15 – Stíluslapok használata a Dreamweaverben

A Dreamweaverben a Window/css Styles menüpont vagy a SHIFT F11 billentyűkombináció segítségével jeleníthetjük meg a stíluslapok kezelésére szolgáló CSS Styles palettát. Használata sok tekintetben hasonlít a már megismert HTML Styles paletta használatára: Új stílust a paletta jobb alsó sarkán található új stílus ikonnal (a második ikonnal), vagy a helyi menü New pontjával hozhatunk létre. Ezután […]

14 – SPAN tag

Ezt a tag-et azért találták ki, hogy stílust olyan elemeknek, szövegrészeknek is lehessen adni, amelyek beállítására hagyományosan más mód nincsen. Használhatjuk kiválasztóként a stílusok definiálásakor, és ismeri a STYLE CLASS és ID attribútumokat is. Pl. Ha a stílusmegadásban szerepel az, hogy : 1 .zoldbetus {color: #00ff00}

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.

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.:

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.:

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), list-item (sortörést helyez el az elem előtt és után, illetve a felsorolásjeleket is kiteszi), none (egyiket sem, de a beágyazott elemeket […]

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 a külső elemre vonatkozik. Pl. 1 BODY { margin-top: 0 } Right Margin: a jobboldali margó beállítását szolgálja, amely megadható hosszúságértékével, […]

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. 1 P EM { word-spacing: 0.4em } P.note { word-spacing: -0.2em } Letter Spacing: a betűk 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.

07 – Szín- és háttértulajdonságok

Color: az adott elem színét adhatjuk meg vele. Pl. 1 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. 1 BODY { background-color: blue } H5 { background-color: #0000ff } Background Image: az adott elemhez háttérképet rendelhetünk vele. Pl. […]

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. 1 P { font-family: "Times New Roman", Times, serif } Font Style: betűstílus megadása, amely lehet: normal (normál), italic (dőlt) vagy oblique (ferde). Pl. 1 2 H1 { font-style: oblique } H2 { font-style: normal } Font Variant: a […]

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 em hibás).Használható relatív jelentésű egységek: em (az adott elem (nagy)betűjének magassága), ex (a kisbetűk, pl. “x” magassága), px (betűmagasság pixelben). […]

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 a globálisan megadottat az adott helyen. (Általában a később megadott, tehát a dokumentumban lejjebb található stílusmegadás érvényesül.)