Tamás Ferenc: Weblapkészítés HTML alapokon – 6. rész

CSS alapismeretek 1. rész

20.1. fejezet: CSS alapismeretek


A HTML-nyelv elsősorban szövegek egyszerű leírására szolgál, formátumára és megjelenítésére igen csekély instrukcióval szolgál. Sokszor előfordul, hogy a megjelenítők nem képesek pontosan a szerző által megálmodott formátumban megjeleníteni a tartalmat. Ezért kell használni a stíluslapokat, amely először a Internet Explorer 3.0-ban, illetve a Netscape Navigator 4.0-ban jelent meg. Még egy indok a CSS-ek használata mellett: ha egyszerre párhuzamosan kell formázni sok lapot, akkor elegendő a stíluslapot átírni és máris egyszerre átformálódik az összes weblap. Ez egy hatalmas lehetőség – saját példámból is tudom. Ha például egyetlen weblapon belül van több tucatnyi HTML-lap, akkor nem kell minden stílus-igazításkor minden egyes lapot egyesével átbogarászni, vagy egy jobb minőségű HTML-szerkesztővel a megfelelő elemeket átírni, hanem elegendő a CSS-lap megfelelő kiigazítása.
Másik fontos lehetőség a CMS-rendszerek - pl.: Joomla, Drupal, Wordpress, stb. - által tárolt CSS-ek átírása. Ilyen esetben gyakorlatilag minden egyes apró tulajdonságot a CSS tárol és ha csak 1-2 apróságot szeretnénk átírni a kinézeten belül, akkor elő kell venni a megfelelően áttekinthető CSS referenciát.

Sokan írtak a HTML-lel, illetve a CSS-sel kapcsolatban. Többen hiányolták, hogy a HTML nem teljes, mivel több paraméter nincsen benne. Igen, ez szándékos volt, mivel ezt a HTML-könyvet elsősorban az emelt szintű informatika érettségire készülőknek írtam. Persze bárki informatika iránt érdeklődő is forgathatja és nyugodtan, önállóan megtanulhatja belőle a nyelv alapjait. A CSS más téma! Kérem, hogy csak az vágjon bele a CSS-be, akinek szüksége van rá! Ez már nem egy tankönyv, hanem egy referencia. Igyekszem minél pontosabb lenni, de még érthető!
Fontos megemlíteni, hogy eme írás elkészítésekor igen sokat használtam a következő oldalakat:
https://www.w3.org/Style/CSS/Overview.en.html
https://msdn.microsoft.com/en-us/library/hh673536(v=vs.85).aspx
https://www.w3schools.com/css/default.asp