با ویژگی class می توان برای تگ های HTML استایل دهیم .
یک کلاس با ویژگی ها را برای تگ <div> تعریف می کنیم و سه بار این تگ <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>tehran</h2>
<p>tehran1</p>
</div><div class=”cities”>
<h2>shiraz</h2>
<p>shiraz1</p>
</div></body>
</html>
tehran
tehran1
shiraz
shiraz1
استفاده از ویژگی کلاس در تگ های درون خطی
از ویژگی کلاس برای تگ های درون خطی استفاده می کنیم :
مثــال
<!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>
