سبد خرید

بستن سبد خرید

سبد خرید شما خالی است.

تعداد محصول: 0 کل قیمت: تومان0

class ها در HTML

با خاصیت class در html قادر خواهید بود به عناصر خود چند استایل اختصاص دهید. در واقع شما کد های style را یکبار برای همیشه می نویسید و هر کجا از کد قصد استفاده از آن استایل را داشتید فقط نام کلاس را صدا می زنید.

زمان مطالعه: 10 دقیقه

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

طبقه بندی تگ درون خطی

در واقع شما کد های style را یکبار برای همیشه می نویسید و هر کجا از کد قصد استفاده از آن استایل را داشتید فقط نام کلاس را صدا می زنید. اصطلاحا نام کلاس فراخوانی می شود. برای نمونه در کد زیر فقط نام note را در تگ span فراخوانی یا صدا کردیم که تغییرات استایل در تگ span ظاهر خواهد شد. این تغییرات از CSS گرفته و اعمال میگردد.

برای نمونه:

<html>

    <head>
        <style>
        span.note {font-size:120%;color:red;}
        </style>
    </head>
    
    <body>
    
    <h1> درود <span class="note"> بر </span> شما </h1>
    <p> این آموزش <span class="note"> نمونه ای از </span> کلاس می باشد</p>
    
    </body>
        
</html>

 

تذکر: تگ <style> را باید درون تگ <head> نوشته شود.

نحوه ایجاد کلاس یا Class در HTML

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

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

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

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

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

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

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

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

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

برای فراخوانی یک کلاس در CSS باید اول یک نقطه گذاشته سپس نام کلاس را مینویسیم و در نهایت دستورات سی اس اس را مینویسیم.

پست های مشابه

19تیر 1400

CSS چیست و نقش آن در طراحی وب سایت که در این پست، طراحی و ساخت سایت را توضیح می دهیم، پس با ما همراه باشید. امروزه نرم افزارهایی برای طراحی وب سایت پدید آمده است که این امکان را می دهد که حتی بدون نیاز به دانش برنامه نویسی وب سایتی تولید و توسعه […]

97

0

28خرداد 1400

نمایش لودینگ یا نوار بارگذاری با CSS ، در این مقاله نحوه ی پروژه ایجاد لودینگ یا نوار بارگذاری کامل صفحه وب که با CSS نوشته شده را توضیح میدهیم.نمایش لودینگ صفحه یا بارگذاری کامل آن Preloader

139

0

27خرداد 1400

این پروژه ی بوم برخورددهنده به این صورت است که وقتی بوم ها یا مربع ها باهم برخورد می کنند…

55

0

دیدگاه و پرسش