Hogyan �rj saj�t CSS-k�dot?

Ha �rdekelnek a k�dok, �s Te magad szeretn�d meg�rni a saj�t oldaladra, tudnod kell, hogyan �p�l fel egy k�d.

Az alapvet� elemeket m�r l�tod is:

• A szelektor (selector) megmondja, hogy minek adod meg a st�lus�t (pl. bekezd�s, t�bl�zat, c�m, oszt�ly)
• A tulajdons�g (property) lehet b�rmi (pl. h�tt�rsz�n, bet�sz�n, bet�m�ret, stb.)
• Minden tulajdons�gnak van �rt�ke (value), ez hat�rozza meg, hogy milyen az a tulajdons�g (pl. milyen a bet� sz�ne)

�gy m�r tudjuk is �rtelmezni a p�ld�t: A bekezd�sek (=p=paragraph) bet�sz�n�t (color) szeretn�nk pirosra v�ltoztatni, �s - mivel a bekezd�snek egyszerre t�bb tulajdons�ga is lehet - a bet�m�retet (font-size) is meghat�roztuk: 14 pixel-es.

�rdemes megn�zni, hogy hol milyen �r�sjel van: egy adott szelektorhoz tartoz� �sszes tulajdons�g �s �rt�k kapcsos z�r�jelek k�zt van. Az egyes tulajdons�g-�rt�k p�rok (=deklar�ci�=declaration) ut�n mindig pontosvessz� van, sz�k�z n�lk�l, �s a tulajdons�g ut�n kett�spont j�n, ut�na megint nincs sz�k�z.

Ami a k�pen kicsit nagy a hely a szelektor (itt p-bet�) �s a deklar�ci�k k�zt, de itt csak egy sz�k�z van.

Ahhoz, hogy a k�d �ttekinthet�bb legyen, �rdemes minden deklar�ci� (tulajdons�g-�rt�k p�r) ut�n entert nyomni, mert az enter CSS-ben nem jelent semmit, teh�t nem fog t�le megv�ltozni a k�d:

p{
color:red;
font-size:14px;
}

A CSS k�dba megjegyz�seket is tehetsz, hogy ha k�s�bb v�ltoztatni szeretn�l valamin, k�nnyen megtehesd, esetleg m�s is meg�rtse a k�dot. A megjegyz�st ilyen jelek k�z� tedd: /* �s */. A b�ng�sz�k nem veszik figyelembe a megjegyz�seket:

/*Ez itt egy megjegyz�s*/

p{
color:red;
/*Itt van m�g egy megjegyz�s, lehet ak�r a k�d k�zep�n is*/
font-size:14px;
}

Ezen k�v�l tudnod kell, hogy a CSS k�d mindig �gy kezd�dik/v�gz�dik:

<style type="text/css">

IDE J�N A CSS K�D

</style>

<< vissza a CSS k�dokhoz!