A három típus a következő:

1. Szövegformázási szabályok.
2. Az elhelyezéssel kapcsolatos szabályok.
3. Média típus kezelésével kapcsolatos szabályok.

A CSS szabályokat csatolva, illetve a HTML oldalon is el lehet helyezni. A csatolt stíluslapok használatával lehet a CSS lehetőségeit igazán kihasználni, ezért ezt tekintjük az alkalmazás módjának. (Például: sablonok használatakor a csatolt stíluslap módosításakor a sablon is változik.)

Szövegformázási szabályok:

• Az egész site-ra egységes arculat alakítható ki.
• Ha módosítunk a stíluslapon, a hatás az egész site-on érvényesül, anélkül, hogy a HTML oldalakhoz hozzá kellene nyúlni.
• Egyszerűen lehet módosítani a használt betűtípust, vagy színt, illetve egyéb jellemzőket.

• A weblap részeire, más és más stílus érvényesíthető. ID-khoz rendelt beállítások. (Például: h1 betűtípus más a weblap törzsében és más a lap egyéb részén.)
• A HTML formázási lehetőségeit meghaladó beállítások használhatók.
• A link-eknél a link, visited, hover, aktiv beállításával egyszerűen lehet navigációs sávot készíteni, vagy a linkeket látványosabbra kialakítani.

Az elhelyezéssel kapcsolatos szabályok:

• A CSS dobozmodellt felhasználva tisztán div-ekkel kialakítható az oldal elrendezése. Nincs szükség táblázatokra.
• Az elemek relatív és az abszolút pozícionálása a lapon. (akár %-os vagy em értékkel)
• Elrejthető és megjeleníthető elemek.(Pl.: menü kialakításához)
• A böngésző átméretezésekor is jól mutató oldal kialakítása is egyszerűbb.

Média típus kezelésével kapcsolatos szabályok:

• Média típushoz lehet igazítani a megjelenést
  • Nyomtató
  • Képernső
  • Kézi eszközök stb.
• Típusonként eltérő kialakítás.(Más betűtípus, elemek elrejtése, stb)

A Webdesigner mester képzés keretein belül a Dreamweaver modulban egyébként igen részletesen tanuljuk a CSS stíluslapok jellemzőit, illetve gyakorlati alkalmazásukat.

Katitntson ide a képzés megismeréséhez! Webdesigner mester tanfolyam-gyakorlatias weblapkészítő képzés!

Jó tanulást, fejlődést kíván Önnek,
a Netlogi C School csapata
www.netlogi-c.net