2. eloadas/CSS Flashcards
(10 cards)
CSS
Cascading Style Sheets.
Meghatározza, hogyan jelenjenek meg a HTML tag-ek.
Általában külön állományban (*.css) vannak a „formázási utasítások”
LÉPCSŐS HASZNÁLAT
Az alábbi „sorrendben” érvényesülnek a CSS beállítások:
1. A böngésző alapbeállítása
2. Külső stíluslap.
3. A HEAD tag-ben, definiált <style> tag
4. Soron belüli („in-line”) stílus.</style>
MIÉRT JÓ?
Segítségével elkülöníthetjük a tartalmat a megjelenéstől.
Egy helyen tárolhatjuk több oldal stílusát, így könnyen és gyorsan frissíthetjük őket.
Különböző felhasználók számára külön stílusokat adhatunk (pl. könnyen olvasható vagy nyomtatható verzió).
Csökken a weboldal mérete és bonyolultsága.
A HTML kód áttekinthetőbb, kisebb és könnyebben kezelhető lesz.
A stíluslapok a böngésző gyorsítótárában tárolódnak, ezért az oldalak gyorsabban betöltődnek.
CSS osszerendelese a htmllel
- a headben kell
- style tagel beallitom a htmlben
vagy
-kulso css allomannyal
KÜLSŐ STÍLUSLAP
- Egy külön *.css fájlban szerepelnek a formázási utasítások.
- Használata:
- A <head> tag-ben használjuk.
SORON BELÜLI („IN-LINE”) STÍLUS .
Ekkor a formázni kívánt HTML tag „style” attribútumát kell beállítani.
A CSS szintaxisa
3 reszbol all:
-kivalaszto
-tulajdonsag
-ertek
Kivalaszto{
tulajdonsag: ertek;
}
Szabalyok
- egy elemre tobb tulajdonsag is bealllithatp
- egyszerre tobb elem is formazhato
BETŰTÍPUSOK
A betűtípusok megadásánál célszerű több betűtípust is megadni.
Ezzel elkerülhetjük, hogy a böngészőnk esetleg nem ismeri a betűtípust.
Stilusosztalyok
.stilusosztaly
tobb elemre ha vonatkozik vagy egy elem tobb fele keppen kell megjelenjen
