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.
|