صفت class در HTML

یادگیری HTML

تعداد بازدید : 4169

تاریخ و ساعت انتشار : سه شنبه 30 آذر 1395 11:57

استفاده از صفت class

صفت class در HTML این امکان را فراهم می آورد تا برای چندین عنصر که به نام class یکسانی اشاره می کنند ، استایل یکسانی تعریف کنیم. در زیر 3 عنصر <div> داریم که به یک نام class اشاره می کند :

مثال :

کلاس عناصر

<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
    background-color: black;
    color: white;
    margin: 20px 0 20px 0;
    padding: 20px;
    direction: rtl;
}
</style>
</head>

<body>

<div class="cities">
<h2>لندن</h2>
<p>لندن پایتخت انگلستان و پر جمعیت ترین شهر این کشور است و دارای منطقه شهری با بیش از 13 میلیون از جمعیت می باشد</p>
</div> 

<div class="cities">
<h2>پاریس</h2>
<p>پاریس پایتخت فرانسه و پرجمعیت ترین شهر فرانسه است.</p>
</div>

<div class="cities">
<h2>توکیو</h2>
<p>توکیو پایتخت ژاپن ، مرکز ناحیه بزرگ توکیو و پرجمعیت ترین منطقه شهری در جهان است.</p>
</div>

</body>
</html>

مشاهده مثال

استفاده از صفت class در عناصر اینلاین

می توان از صفت class در HTML برای عناصر اینلاین نیز استفاده کرد.

مثال :

کلاس در عناصر اینلاین

<!DOCTYPE html>
<html>
<head>
<style>
span.note {
    font-size: 120%;
    color: red;
}
</style>
</head>
<body>

<h1 dir="rtl">تیتر <span class="note">مهم</span> من</h1>
<p dir="rtl">این هم یک متن  <span class="note">مهم</span>  است.</p>

</body>
</html>

مشاهده مثال

دانلود فایل PDF مقاله درس بعدی درس قبلی

نظر شما

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

صفت class در HTML

استفاده از صفت class

استفاده از صفت class در عناصر اینلاین

حامد معز

نظر شما

یادگیری HTML

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

مقالات مرتبط