ورود به کارتابل مشتریان وب مهراز
صفت class در HTML
یادگیری HTML
تعداد بازدید :
4419
تاریخ و ساعت انتشار :
سه شنبه 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>
نظر شما
>