Aki a bevezetőt már korábban elolvasta, annak
>>> tovább >>>
CSS - stíluslapok

A stíluslapok használata jelentősen leegyszerűsíti a weblapkészítő munkáját. Egyetlen sor hivatkozást kell az oldal fejlécébe illesztenünk, amellyel az adott lap stílusát határozzuk meg.

A css fájlok megírása roppant egyszerű, jegyzettömbe kell dolgoznunk, majd a munkát *.css-ként mentenünk. (például: stilus1.css )

Az elkészített stíluslapot az oldal fejlécében a </HEAD> előtt hívjuk be a következőképpen:

...<LINK href="stilus1.css" type=text/css rel=stylesheet>...</HEAD>


  1. A munka megkezdése előtt szúrjuk be a fenti sort a honlapunkba a megfelelő helyre.
    Olyan dokumentumba illesszük be, amelyben már vannak szövegek, táblázatok, linkek, stb. hogy a "hatást" ellenőrizni tudjuk!
  2. Nyissuk meg a jegyzettömböt és "üresen" mentsük is el:stilus.css néven
  3. Majd nyissuk meg a stíluslapot írásra
  4. Minden beírt változtatás után fájl/mentés paranccsal menteni kell a munkánkat
  5. Az lapot leengedjük és a weboldalunkat az F5-ös gombbal frissítjük
    (Ekkor fognak először megmutatkozni a stíluslap által definiált hatások!)

ENNYI!

Minden böngészőben - alapértelmezésben - be van állítva egy stílus, amely minden megtekintendő oldalra hatással van. Kivéve természetesen azok az oldalak, amelyekben a stílust a készítő határozza meg.
A css fájl éppen ezeken az alapbeállításokon tud változtatni egy adott lap design-jának megfelelően.
(Pl: most én sem használhatom az alapértelmezett fekete betűket a sötétkék háttérben :-)

HOGY NÉZNE KI?


Az igaz, hogy a css hatása az egész oldalra kiterjed, de néhány dolgon - szükség esetén - a HTML kódok segítségével lehet változtatni.
(Megint az én példám szerint: a stíluslapom szerint a betűk színe fekete, ezért most váltanom kellett fehérre, mert sötét mezőbe írok)


A következőkben nézzük át részletesen az alap - beállításokat. A css-ben - mint ahogy az a HTML-ben - a kódok variációja is lehetséges!
>>> tovább >>>