خطاها (Errors)
گاهی «خطاهای CSS» ظاهر سایت را خراب می کنند. «خطا (Error)» یعنی نوشتن نادرست قانون یا مقدار. مرورگر بعضی خطاها را نادیده می گیرد. اما نتیجه، گیج کننده می شود. پس بهتر است الگوهای خطا را بشناسیم.
خطاهای رایج در CSS
در ادامه، خطاهای پرتکرار را می بینی. هر بخش یک نمونه دارد. سپس می توانی همان را اجرا کنی.
1) فراموشی سمی کالن (;)
پس از هر ویژگی، سمی کالن بگذار. وگرنه قانون می شکند.
.bad {
color: red
background-color: yellow;
}
2) نام ویژگی نامعتبر
اگر نام ویژگی غلط باشد، مرورگر آن را نادیده می گیرد.
.bad {
colr: blue;
font-size: 16px;
}
3) مقدار نامعتبر
گاهی ویژگی درست است، اما مقدار اشتباه است و رد می شود.
.bad {
width: -100px;
color: green;
}
4) آکولاد بسته نشده
اگر } را نبندی، ممکن است کل قانون بی اثر شود.
.bad {
padding: 20px;
margin: 10px;
5) دونقطه یا آکولاد اضافی
یک دونقطه اضافه یا آکولاد اشتباه، قانون را می شکند.
.bad {
color:: blue;
}
گام های عملی سریع
- هر ویژگی را با سمی کالن تمام کن.
- نام ویژگی را با منبع معتبر چک کن.
- پس از هر تغییر، نتیجه را سریع تست کن.
نکته: برای یادگیری نحو صحیح، صفحه نحو نگارش را ببین. همچنین برای شیوه افزودن فایل ها، نحوه استفاده و برای هدف گیری عناصر، انتخاب گرها را بررسی کن. این ها به کاهش «خطاهای CSS» کمک می کنند.
جمع بندی سریع
- سمی کالن را فراموش نکن.
- نام ویژگی را درست بنویس.
- مقادیر معتبر انتخاب کن.
- آکولادها را درست ببند.
- مرتب تست کن و ساده بنویس.