Elöször is a ccs kódoknak van egy nagyon fontos pontja...Minden ccs kód így kezdödik: <style type="text/css"> ..Ha ez megvolt akkor jöhet a tartalmi rész,de ott is van egy nagyon fontos pont,mikor leirjuk hogy input utána kell tenni egy ilyen kapcsos zárójelet : { ...Tehát akkor

<style type="text/css">
input {
     background-color: #ffffff;  [háttér]
     font-family: tahoma;   [betütipus]
     font-size: 9px;   [betüméret]
     color: #000000;}  [betüszin]

amikor befejeztük a kinézetet oda is kell egy kapcsos zárójel..

Aztán utána én a modulfejléccel szoktam folytatni ami igy fog kinézni:

td.modtitle {
     background-color: #ffffff;  [modulfejléc háttér]
     font-family: tahoma;   [betütipus]
     font-size: 15 px;   [betüméret]
     color: #000000 ;}   [modulfejlécen a betüszine]

És most jöjjön a modul belseje...

td.modbody {
    background-color: #ffffff;  [modul belsejének a háttérszine]
     font-family: trebuchet ms;   [betütipus]
     font-size: 9px;   [betüméret]
     color: #000000;}   [betüszin]

És akkor ha befejezted a ccs legfontosabb részeit (vagyis azokat amiket itt leirtam) akkor jöhet a ccs befejezése : <style>

Szóval itt a ccs amit most leirtunk...

 <style type="text/css">
input {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 9px;
     color: #E8C2FF;}
td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;}
td.modbody {
     background-color: #ffffff;
     font-family: trebuchet ms;
     font-size: 9px;
     color: #000000;}
<style>

Ez egy alap ccs ... Ha tovább akarod folytatni a ccs tudásod menj a következö leckére.