طبقه بندی عناصر بلاک ها
طبقه بندی عناصر درون خطی
با خاصیت class در html قادر خواهید بود به عناصر خود چند استایل اختصاص دهید. در واقع شما کد های style را یکبار برای همیشه می نویسید و هر کجا از کد قصد استفاده از آن استایل را داشتید فقط نام کلاس را صدا می زنید. برای نمونه ما در کد ذیل فقط نام note را در تگ span صدا زدیم و می کنیم که تغییرات استایل در تگ span ظاهر خواهد شد.
مثال:
<html>
<head>
<style>
span.note {font-size:120%;color:red;}
</style>
</head>
<body>
<h1>سلام<span class="note">بر</span> شما</h1>
<p>این<span class="note">آموزش</span> کلاس می باشد</p>
</body>
</html>
نکته: حتما تگ <style> را درون تگ <head> بنویسید تا قبل از خطوط بدنه صفحه <body> بارگذاری شود.
نکته دیگری که در رابطه با کد فوق حائز اهمیت است این می باشد که در تگ style تعریف کرده ایم تمامی تگ های span با کلاس note این استایل را به خود بگیرند.