طراحی وب

کلاس 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>

بیشتر بخوانید:

استارت‌آپ پولساز
برچسب ها

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

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

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

10 جلسه به همراه فایل صوتی و ویدیویی
همین حالا شروع کنید
تا امروز بیش از 4000 نفر در این دوره شرکت کرده‌اند
بستن پیام
بستن