کلاس و آیدی چه موقع تعریف کنم ؟

راهنمای در خوصوص استفاده از کلاس و آیدی
دوستان من دارم قالب رو خودم میسازم نمی دونم چه موقع از آیدی یا چه موقه از کلاس استفاده کنم .
راستی این دو چه فرقی با هم دارن ؟
سوالی دیگه ی که دارم اینه که برای مثال من واسه تیر منوها ( صحفه ی اصلی – نظرسنجی – آرشیو
این مشخصات رو در نظر گرفتم .

کد:

---

text-align: right;
            direction: rtl;
            font-family: Tahoma;
            color: #4a4a4a;
            font-size: 10pt;

---

برای گزینه های زیر منو ( منو ی اصلی :)
صحفه ی اصلی - تماس با ما ...

کد:

---

text-align: right;
            direction: rtl;
            font-family: Tahoma;
            color: #4a4a4a;

---

اینو می دونم که باید اینها در فایل خاص (با نام دلخواه style ) در فایل با پشوند css ذخیره و سپس در main.tpl امپرت کنم .

کد:

---

<link type="text/css" rel="stylesheet" media="all" href="{THEME}/style/code.css" />

---

من می خوام این تغییرات رو این تیبل ایجاد شه چی کار کنم ؟

کد:

---

<td  style="border-style: none; border-width: medium"> 11111</td>

---

چی طور بنویسم رو نمی دونم

کدهای رو که دیدم به div َشروع شده

این جا شما باید از id یا class استفاده کنید که فرق نمیکنه از کدوم و در div یا span یا tr یا td یا ... استفاده می کنید.
در فایل css تون باید class یا id رو ذکر کنید برای هر تیکه از کد که می خواین.
یعنی کد css شما میشه این:
[HTML]
id or class {
text-align: right;
direction: rtl;
font-family: Tahoma;
color: #4a4a4a;
}
[/HTML]
جای id or class هم باید این رو بذارین:
اگر از id استفاده می کنین:

کد:

---

#name

---

اگر از class استفاده می کنین:
[HTML].name[/HTML]
و هم چنین در کد html:
[HTML]
<td id="name" style="border-style: none; border-width: medium"> 11111</td>
[/HTML]
یا
[HTML]<td class="name" style="border-style: none; border-width: medium"> 11111</td>[/HTML]

سلام دوست عزیز
برای فرقش که سوال کرده بودین.
آی دی یه دونه است و وقتی به یه المنت میدید (مثلا برای div ) تمام استایلای همون آی دی رو به اون دادید. اما توی کلاس شما میتونید شما به یه المنت دو تا کلاس بدید مثلا:

[HTML]
.right{
text-align: right;
}
.font{
font: 14px tahoma;
}
[/HTML]

حالا:

[HTML]
<div class="right font">
...
</div>
[/HTML]

تمام استیلای right و font رو دریافت میکنه.

و میتونید همه رو انتخاب کنید (همه اونایی که کلاسشون یه چیز خاصیه - با جاوا اسکریپت) در حالی که تو آی دی فقط میتونید یه دونه رو انتخاب کنید( با جاوا اسکریپت).