body { /Ez a főoldalad,ergo amikor megnyitod a lapot ezt látod teljes valójában!/
background:#000000; /itt állíthatod be a háttérszínt, de jó tudnod, hogy megadhatod a színkódokat rgbben(ami számokat jelent) vagy hexaban(ami betűk és számok összetételéből áll) Általában az utóbbi a gyakoribb,de te döntöd el melyik a könnyebb számodra./
font-family:Georgia, "Times New Roman", Times, serif; /értelemszerűen itt állíthatod be a betűcsaládot, de jobb ha általános betűstílusokat kreálsz,mert megeshet,hogy Windows Vista alatt a bonyolultabbak, nem nagyon vagy egyáltalán nem látszódnak. Én Verdana családot szoktam, de ha jó neked ezt hagyhatod így is./
font-size:14px; /általánosan ezt pixelben adják meg, de pt pontban is megadhatod, viszont ilyenkor lényegesen kisebbek lesznek a méretei. Persze ezt is hagyhatod érintetlenül.Ez a méret adja a cikk szövegének nagyságát./
color:#1E90FF; / betűszín, ez adja az összes cikk színét,beleértve a jobb oldali oszlopot /
border-top:#333 2px solid; /erről nem tudom,hogy micsoda, de nagyjából valamilyen keretet jelölhet,de nem találtam meg,hogy hol:(/
margin:0; /margók/
padding:0; /margók eltolása/
}
----------------------------
#container { /ez az oldal szélességét állítja át,bármennyi pixelben megadhatod,de ennek megfelelően húzza szét a lapodat,vagy ellenkező esetben nyomja össze,hogy vékonyabb legyen/
width:950px;
margin:0 auto;
}

#container h1 { / itt állíthatod be, az oldal címének betűméretét(font-size) vastagságát (font-weight)Nálad ez úgy szerepel jelenleg,hogy "Jegyzetfüzet"/
font-size:28px;
font-weight:normal;
padding:20px 10px;
}

#container h1 a { /amikor megjelenik egy link, akkor ezt itt állíthatod be./
color:#222;
text-decoration:none; /nagyjából annyit jelent, hogy milyen effekt jelenik meg egy link alatt.Pl.:ha pontozott vonalazást akarsz,akkor dotted kell beirni,de ha nem akarsz semmilyet akkor a none szót kell megadnod,etc./
}

#container h1 a:hover { /amikor pedig, a linkre ráviszed a kurzort,akkor ez jelenik meg, gondolok itt a színre, a link aláhúzására, sőt a "border-bottom" nál megadhatod azt is,hogy hogyan legyen aláhúzva, pl.:pontozott:dotted, aláhúzott:solid,etc. de ezen kívül meghatározhatod,mennyire legyen vastag a vonal,vagy a pont mérete/
color:#222;
text-decoration:none;
border-bottom:#777 1px solid;
}
-----------------------------
#content { / ez a jobb oldalon elhelyezkedő oszlop:ebben van a naptár,a blogroll,etc. A"float"ban megadhatod,hogy baloldalt vagy inkább jobboldalt akarod ezt elhelyezni. A "padding" sort nem szoktam átírni,de jó tudni,hogy ez a beosztása a lapnak, vagyis aránya. 000nál minden középre van helyezve.Ezt jelöli ez is. A 10px az oldal /
float:left;
width:720px;
padding:0 0 0 10px;
}

#content h2 { /itt szintén a naptáras oszlopot tudod szerkeszteni/
font-size:22px;
font-weight:normal;
margin:0 0 15px 0;
}

#content h2 a {/és itt/
color:#222;
text-decoration:none;
}

#content h2 a:hover { /meg itt is/
color:#222;
text-decoration:none;
border-bottom:#777 1px solid;
}

// hamarosan folytatás...