طراحی وب

کلاس html

کلاس html چیست ؟

آموزش html  درس نوزدهم

استفاده از ویژگی کلاس html

ویژگی  کلاس HTML امکان تعیین سبک های برابر برای عناصر با یک نام کلاس را می دهد.

کلاس html
کلاس html

در اینجا ما سه عنصر <div> داریم که به یک نام کلاس مشابه اشاره می کند:

مثال:

 

<!DOCTYPE html> <html> <head> <style> div.cities { background-color: black; color: white; margin: 20px 0 20px 0; padding: 20px; } </style> </head> <body> <div class=”cities”> <h2>London</h2> <p>London is the capital of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> </div> <div class=”cities”> <h2>Paris</h2> <p>Paris is the capital and most populous city of France.</p> </div> <div class=”cities”> <h2>Tokyo</h2> <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p> </div> </body> </html>

 

 

 

 

استفاده از ویژگی کلاس روی inline elements
ویژگی کلاس همچنین می تواند برای inline elements استفاده شود:
مثال:

 

<!DOCTYPE html> <html> <head> <style> span.note { font-size: 120%; color: red; } </style> </head> <body> <h1>My <span class=”note”>Important</span> Heading</h1> <p>This is some <span class=”note”>important</span> text.</p> </body> </html>
برچسب ها

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پیشنهاد ویژه

تا 75% ذخیره کنید

این آخرین فرصت استفاده از تخفیف 75% است
این پیشنهاد را ببینید
این پیشنهاد فقط یکبار به شما نمایش داده می‌شود !
close-link
بستن