CSS Errors
در CSS، خطاها (Errors) زمانی رخ میدهند که قواعد نگارشی رعایت نشده باشند یا دستورات اشتباه نوشته شوند. مرورگر معمولاً سعی میکند تا باقی کد را تا حد امکان اجرا کند، اما ممکن است بخشی از استایلدهی به درستی نمایش داده نشود.
🔍 انواع خطاهای رایج در CSS:
1. اشتباه در نحوه نوشتن قانون (Syntax Error)
body {
color: red /* علامت ; فراموش شده */
}
✅ باید اینطور باشد:
body {
color: red;
}
2. استفاده از ویژگی نادرست یا نامعتبر
div {
font-colour: blue; /* ویژگی اشتباه نوشته شده: باید ‘color’ باشد */
}
3. نداشتن آکولاد باز یا بسته
p {
font-size: 16px;
/* آکولاد بسته فراموش شده */
4. استفاده از مقدار نادرست
width: –50px; /* مقدار منفی برای عرض مجاز نیست */
}
5. استفاده نادرست از واحدها
margin: 10; /* واحد مثل px یا em فراموش شده */
}
✅ درست:
margin: 10px;
}
6. خطا در نامگذاری کلاس یا آیدی در HTML/CSS
-
اگر در HTML از کلاس
class="box"استفاده کنید ولی در CSS بنویسید:
.bxo {
background-color: yellow;
}
🛠 راهکار برای جلوگیری از خطا:
-
از ویرایشگر کد با قابلیت بررسی خطا مثل VS Code استفاده کنید.
-
از ابزارهای اعتبارسنجی CSS مانند W3C CSS Validator استفاده کنید.
-
کد را مرتب و خوانا بنویسید.
دیدگاهتان را بنویسید