HTML می‌گه چه چیزی روی صفحه داریم و CSS مشخص می‌کنه چطور دیده بشه. یک قانون ساده سه قسمت داره: انتخابگر، آکولاد و ویژگی‌هایی که داخل آکولاد می‌نویسیم. انتخابگر h1 یعنی همه عنوان‌های اصلی همین سند. توی بخش ویژگی، سمت چپ نام ویژگی و سمت راست مقدارشه؛ بین این دو دونقطه می‌ذاریم و هر دستور رو با نقطه‌ویرگول می‌بندیم.
توی مثال، فقط نوشته داخل strong آبی می‌شه؛ متن معمولی کنارش همون رنگ قبلی رو داره. وقتی انتخابگر رو عوض می‌کنی، باید اول از خودت بپرسی کدوم عنصرها واقعاً با اون تطبیق دارن. یک خطای رایج نوشتن color توی خود محتوای تگ به‌جای بخش CSS هست. پنل HTML برای ساختاره و پنل CSS برای ظاهر. اینجا از فونت آماده دستگاه استفاده می‌کنیم تا نتیجه به اینترنت وابسته نباشه. فعلاً هدفت شناختن ارتباط یک تگ و یک قانون ساده است؛ لازم نیست همه ویژگی‌ها رو حفظ کنی.
✍️ مثال حل‌شده:
<strong>نکته کتاب</strong>
<style>strong { color: blue; }</style>
حالا نوبت توئه: مثال اجراشدنی را ببین: عنوان «سلام CSS» باید آبی با اندازه ۲۸ پیکسل باشد و پاراگراف زیرش رنگ پایه را نگه دارد. این گام آموزشی است؛ قانون h1 را در کد پیدا کن و تفاوت ساختار HTML و ظاهر CSS را توضیح بده.
فعالیت شما
مثال اجراشدنی را ببین: عنوان «سلام CSS» باید آبی با اندازه ۲۸ پیکسل باشد و پاراگراف زیرش رنگ پایه را نگه دارد. این گام آموزشی است؛ قانون h1 را در کد پیدا کن و تفاوت ساختار HTML و ظاهر CSS را توضیح بده.