Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

کلاس ها (class) و آی دی ها (id) در CSS

آی دی ها و کلاس ها به شما اجازه می دهند تا یک استایل خارجی ایجاد کنین و در مواقعی از تکرار یک کد css برای کد های HTML جلوگیری کنید و حجم وب خود را کم نمایید.


آی دی (id)

در کد های HTML باید کدی نوشته شده باشد که استایل خارجی را به آن تگ وصل نماید که این کار را با id  می توان انجام داد.
آی دی را در استایل خارجی با آوردن # در قبل از انتخابگر (selector) مشخص می کنیم.
در تگ های HTML نیز برای متصل نمودن آنها به هم از id="yourID" استفاده می کنیم به طوری که به جای yourID هر کلمه ای به غیر از اعداد می توان استفاده کرد که دقیقا این کلمه یا جمله باید بعد از # در استایل خارجی بیاید تا این دو به هم متصل گرددند.
 

مثالی برای فهمیدن بیشتر

#para1
{
text-align:center;
color:red;
}

برای آزمایش اینجا کلیک کنید.


کلاس ها (class)

در کلاس ها شما می توانید چند استایل خارجی را به یک تگ HTML وصل کنید.
برای مثال فکر کنید که شما چند متن دارید که یکی به رنگ آبی ، یکی تو پر و دیگری به صورت ایتالیک نوشته شده که با استفاده از استایل خارجی طراحی گردیده اند و شما می خواهید آنها را با هم ترکیب کنید و در متن چهارم تمام صفات سه متن قبلی را در آن قرار دهید. در این صورت باید نام کلاس های هر کدام که فقط می تواند یک کلمه باشد و در آنها نباید از فاصله و یا اعداد استفاده کرد را در سه متن بالا استفاده شده با فاصله در کنار هم قرار دهیم.
برای ایجاد استایل خارجی مانند id عمل می کنیم فقط به جای # از نقطه استفاده می کنیم.
به جای id="" از class="" استفاده می کنیم.

مثالی برای درک بهتر

.center {text-align:center;}

برای آزمایش کد اینجا کلیک کنید


شما می توانید این کد را به صورت خاصی در سلکتور های متفاوتی برای مشخص کردن دقیق انجام دهید.

مثال زیر در یک پاراگراف استایل csnter را مشخص می کند یعنی در صورتی که در یک تگ div استایل center قرار داشته باشد این استایل به آن وصل نمی شود و باید به جای p از div استفاده کنیم تا تگ برای آن استایل فعال و برای استایل پاراگراف غیر فعال شود.

مثال

p.center {text-align:center;}

برای درک بهتر اینجا کلیک کنید.

 


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36644
افراد آنلاین : 6
بازدید امروز : 992
بازدید دیروز : 780
گوگل امروز : 137
گوگل دیروز : 152
بازدید هفته : 1,772
بازدید ماه : 12,173
بازدید سال : 434,105
بازدید کلی : 10,828,581