HTML Kezdőknek - 4. rész

Day 1,577, 04:36 Published in Hungary Hungary by MemphisHU

Sziasztok!
Habár kicsit megkésve (mert már ígérgetem egy ideje) a stíluslapok használatáról lesz szó. Ezeknek a nagy előnye, ha van pl. 10 oldalunk, és meg szeretnénk változtatni a hátterüket, akkor az 10 kód módosítását jelenti. Ha mindegyikre beállítjuk ugyanazt a CSS-t már a készítéskor, akkor a 10 háttér változtatásához már csak 1 kódot kell módosítani. Szóval megéri CSS-t használni. Ja, és még a HTML-kód sem lesz ocsmány vagy bonyolult tőle.
Egy példa az egyszerűségére:
Egy szöveg stíluslap használata nélkül:

csirke
.
Stíluslap használatával ugyanaz:
csirke
Persze ez abba az esetben igaz, ha előtte a CSS fileban definiáltuk az alma „jelentését”.


A stíluslap elkészítése:
Mint ahogy HTML kódot, ezt is lehet írni notepadban, de eleinte nem javaslom. Van erre is egy nagyon jó kis ingyenes program, „Simple CSS” névre hallgat. INNEN letölthető.
Miután elindítottuk, létre kell hoznunk egy új taget, majd beállítani, hogy ez mit tudjon.

Elnevezzük, mondjuk úgy hogy alma (egyébként ajánlott valami olyan nevet adni neki, amivel könnyen tudjuk azonosítani hogy mi ez), majd beállítjuk a formázást, amit később az alma szóval szeretnénk „aktiválni”.
A beállítás szerintem elég egyszerű, egyértelmű, hogy hol mit lehet változtatni. Ha ezzel megvagyunk, akkor létrehozunk mégegy taget, és ezt is beállítogatjuk. Így csinálhatunk korlátlan mennyiségű formázást. Ha kész vagyunk mindegyikkel, akkor az „Export CSS” gombbal el tudjuk menteni a művünket.
A stíluslap használata:
A stíluslap beillesztéséhez váltsunk át Source, azaz forráskód nézetbe, majd a részbe illesszük be a style.css"> sort, úgy, hogy a style.css-t a saját CSS fájlunkra írjuk át.
Ezek után már elég egyszerű dolgunk lesz, csak megkeressük a kódban a kívánt szöveget/elemet, és közrezárjuk a CSS-ben található egyik taggel (például a tag neve „alma”, és a szövegből az „asd” részt akarjuk „alma” formázásúra, akkor asd).
Azt hiszem ennyi lenne mára, ha kérdésetek van kommenteljetek, írjatok üzenetet, vagy csak küldjetek egy aranyat!