HTML در Class کاربرد
میتوان یکسری ویژگیها را در قالب یک class تعریف کرد سپس برای اعمال آن ویژگیها بر روی برخی از عناصر، آن class توسط عناصر فراخوانی شود.
HTML با استفاده از مثال درClass معرفی
<!DOCTYPE html>
<html>
<head>
<style>
.city {
background-color: tomato;
color: white;
border: 2px solid black;
margin: 20px;
padding: 20px;
}
</style>
</head>
<body>
<div class=”city”>
<h2>تهران</h2>
<p>.تهران پایتخت ایران است</p>
</div>
<div class=”city”>
<h2>پاریس</h2>
<p>.پاریس پایتخت فرانسه است</p>
</div>
</body>
</html>
- همانطور که در مثال فوق مشخص است در ابتدا یک کلاس با نام city شامل یکسری ویژگی تعریف شده است. سپس کلاس city توسط دو div مختلف فراخوانی شده است تا ویژگیهای تعریف شده در کلاس بر روی هر دو div اعمال شود.
- برای تعریف کلاس کافی است با قرار دادن (.) و سپس اسم کلاس و تعریف کردن ویژگیهای کلاس داخل آکولاد کلاس مدنظرتان را بسازید.