estefade az kelas va id-taliem-ir

استفاده از كلاس و id در طراحي صفحات با CSS

سلكتور كلاس: با استفاده از كلاس مي توانيم براي يك تگ HTML استايل هاي متفاوتي را تعريف كنيم. براي نمونه فـرض كنـيم مي خواهيم در صفحه دو نوع پاراگراف داشته باشيم: يكي با متن مشكي و ديگري با متن قرمز. براي مشـخص كـردن اين دو نوع پاراگراف مي توانيم از سلكتور كلاس استفاده كنيم. ابتدا استايل را به صورت زير مي نويسيم:
{p.black {color: black
{p.red {color:red
در مرحله بعد بايد براي هر پاراگرافي كه مي خواهيم به رنگ مشـكي باشـد از شناسـه ” class=”blackدر تـگ <p> استفاده كنيم و براي پاراگراف قرمز از شناسه ” class=”red البته نام كلاسـها اختيـاري اسـت ولـي بهتـر است آنها را طوري انتخاب كنيد كه مفهوم داشته باشند تا وقتي كه حجم استايل شما بيشتر شد به گنگ نباشـد. در مثال زير مي توانيد كد مربوط به نوشتن دو پاراگراف بالا را در متن HTML ملاحظه كنيد:

<p/>اين متني است كه به رنگ مشكي نمايش داده مي شود <“p class=”black>
<p/>اين متن به رنگ قرمز نمايش داده مي شود”<p class=”red>
نكته : شما مي توانيد بيش از يك كلاس براي يك تگ HTML تعريـف كنيـد امـا بـراي ايـن كـار نبايـد دو بـار از شناسه class استفاده كرد. بلكه بايد در يك شناسه class نام دو كلاس مورد نظر را با يك فاصله بين آنها وارد كرد.

برای دانلود کتاب بر روی لینک کلیک کنید.

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگو شرکت کنید؟
نظری بدهید!

دیدگاهتان را بنویسید