آموزش نحوه ایجاد کلاس یا Class در HTML

[Mohlek]

دوستان محترم و عزیز سایت آموزشی فری لرن در این بخش میخواهیم با نحوه ایجاد کلاس در عناصر و یا تگ های HTML آشنا شویم ، لطفا در ادامه و تا پایان این بخش با من همراه باشید.

شاید تا به الان اسم کلاس رو شنیده باشید، به مجموعه ای از چندین اشیاء در کنار همدیگر با ویژگی های مشترک را کلاس می گوییم ، بفرض مثال ما در زبان های برنامه نویسی همچون سی شارپ نیز میتوانیم کلاس ها را ایجاد و از آنها استفاده نماییم.

در HTML هم همین گونه است، فرض کنید ما چندین تگ مثلا یک تگ پاراگراف یک تگ تیتر و چندین تگ دیگر داریم که میخواهیم همه ی این تگ ها رنگ شون آبی و اندازه شون ۱۳ پیکسل باشد، خب بهترین و بهینه ترین کار اینه که همه ی این تگ هارو درون یک کلاس گذاشته سپس در CSS برای این کلاس ویژگی های مورد نظرمون رو تعریف نماییم.

کلاس ها میتونن استفاده بسیار زیادی برای ما داشته باشند، بفرض مثال ما میتونیم با استفاده از کلاس ها تگ های HTML رو بصورت دسته ای ایجاد و سپس با استفاده از دستورات CSS برای آنها ویژگی های مشترکی را تعریف کرد.

شکل کلی برای استفاده یا ایجاد کلاس در عناصر / تگ های HTML بصورت زیر می باشد :

کد:

<element class="نام کلاس">

که element همان عنصر یا تگ ما در HTML می باشد و بجای (نام کلاس) نیز باید نام کلاس مورد نظرمون رو وارد نماییم. که میتوانیم به دلخواه این نام را انتخاب نماییم.

شکل کلی برای فراخوانی یک کلاس در CSS بصورت زیر می باشد :

کد:

.ClassName
{
دستورات سی اس اس در اینجا
}