CSS aidez moi s'il vous plait ^^'

Bonjour,
Je suis vraiment très nul en CSS,mais je suis en cours de création d'un site,et quelqu'un m'a dit que pour faire une certaine chose(que je suis obligé de faire si je veux mettre moins d'un mois par page) j'avais besoin du CSS , mais je n'y comprends rien ><".
Quelqu'un va me donner des cours en programmation l'an prochain mais j'aimerai finir avant ^^
(bon vous allez dire de tout vous demander sur un plateau mais...)
_____________________________________________________________________________________


Je souhaite creer des pages pour mon site de jeu, dans lesquelles je vais mettre des "objets", avec l'image,les conditions pour les porter,la description et tout ca,mais bon je n'ai pas vraiment le temps à chaque fois de recopier tout le code etc vu le nombe d'objets que je veux y mettre.
Voyez-vous,je voudrai pouvoir marquer un truc du genre:

<objet-du-jeu>
   nom=Anneau Sombre
   niveau=150
   image=anneausombre.png
   effets=+100 life
   criteres=aucun
   description=Cet anneau est sympatoche
   Recette=x3 bouts de bois + x45 ferailles
   Autres informations=Il faut faire la quête numéro 6 pour acquérir cet objet.
</objet-du-jeu>

(j'espere que vous avez compris ce que je voulais dire.

Ce que je demande,c'est pas forcément qu'on me fasse tout le fichier CSS,seulement le début par exemple,que je comprenne et que je fasse la suite(c'est comme ca que j'ai appris tout le reste,je vois comment c'est fait et ce que ca donne,et j'essaye de refaire pareil ou modifier ce qui me plait pas)

Apres,j'ai fait un objet en pur html,mais bon pour m'y retrouver dedans j'ai un peu de mal ><
Voilà le code:

<tbody><tr>
<td style="width: 75%; text-align: left; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(78, 72, 62);" colspan="2"> [NOM DE L'OBJET ICI]
</td><td style="width: 25%; text-align: right; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(78, 72, 62);"> niv.[METTRE LE NIVEAU NECESSAIRE ICI]
</td></tr>
<tr>
<td style="width: 35%; text-align: center; vertical-align: middle;" rowspan="2"> <img src="/images/items/[NOM DE L'IMAGE ICI]">
</td><td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;"> Effets
</td><td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;"> Critères
</td></tr>
<tr>
<td style="vertical-align: top;"> [METTRE LES EFFETS ICI]

</td><td style="vertical-align: top;"> [METTRE LES CONDITIONS ICI]
</td></tr>
<tr>
<td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;" colspan="3"> Description
</td></tr>
<tr>
<td colspan="3"> [METTRE LA DESCRIPTION ICI]
</td></tr>
<tr>
<td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;" colspan="3"> Recette
</td></tr>
<tr>
<td colspan="3">[METTRE LA RECETTE ICI]

</td></tr>
<tr>
<td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;" colspan="3"> Autres informations
</td></tr>
<tr>
<td colspan="2"> <span style="font-size: 95%; display: block;">[AUTRES INFORMATIONS] <br></span><span style="font-size: 85%;"></span>
</td></tr></tbody>

Voilà, dites moi si c'est impossible ou pas,si ça l'est je trouverai un autre moyen, Merci