Mi az a CSS?

CSS-vel az oldalad st�lus�t adhatod meg, azaz a mi eset�nkben (G-Port�losok), a m�r megl�v� st�lusunkat �rhatjuk fel�l vele.

CSS haszn�lata

A CSS-nek van egy nyit�:

<style type="text/css">

�s egy z�r� r�sze:

 </style>

Ezek k�z� a tag-ek k�z� j�nnek majd a megadni k�v�nt param�terek, amelyek port�lod egyes r�szeire vonatkoznak. Fontos tudni, hogy a CSS nagyon �rz�keny, ak�r egy rosszul elhelyezett vessz� is gondot okozhat. A nyit�- �s z�r� tag-ek k�z�tt szerepl� parancssor megad�s�nak megvannak a maga szab�lyai.

N�zz�nk egy egyszer� p�ld�t, amivel a modulfejl�c�nk h�tt�rsz�n�t �s felirat�nak sz�n�t v�ltoztatjuk meg.

td.modtitle

Ez a parancs vonatkozik a modulfejl�c�nkre, ezt nevezik szelektornak, ezt kell el�sz�r megadni. Ezut�n kapcsosz�r�jelek k�z� kell megadnunk a h�tt�rsz�nt (background-color) �s a sz�vegsz�nt (color). Ez a deklar�ci�, ami elv�gzi a tagek form�z�st.

td.modtitle
    { background-color: #000000;
      color: #CCCCCCC; }

Figyeld meg, hogyan �p�l fel a parancsunk. Az l�nyeg�ben mindegy, hogy a h�tt�rsz�nt vagy a sz�vegsz�nt adod meg el�sz�r. Ann�l j�val fontosabb, hogy minden sor v�g�n ott legyen a pontosvessz�, s ne szerepeljen m�s karakter a k�dunkban. L�thatod, hogy a deklar�ci� is k�t r�szre oszthat�: a tulajdons�gra, a mi eset�nkben pl. a h�tt�rsz�n (background-color), �s az �rt�kre, ami a mi eset�nkben sz�nk�d (#000000).

�rtelemszer�en a nyit� �s z�r� elemek k�z� kell tenn�nk a meg�rt k�dunkat, s �gy kell elhelyezn�nk a port�lunkra:

<style type="text/css">

td.modtitle
    { background-color: #000000;
      color: #CCCCCCC; }

</style>

Hov� kell rakni a CSS-t?

Mivel azt akarjuk, hogy a port�lunk st�lus�t fel�l�rja mindig, ak�rhov� kattint a l�togat�nk, �gy �rtelemszer�en egy bal/jobb oldalra elhelyezett modulba kell raknunk, hogy mindig akt�v tudjon lenni. A modul t�pusa egyszer� modul, s a Forr�sk�dba kell beilleszteni.