CSS xatolar


ULASHISH

CSS xatolari

CSS-dagi xatolar kutilmagan xatti-harakatlarga yoki uslublarning to‘g‘ri qo‘llanilmasligiga olib kelishi mumkin.

Bu sahifa keng tarqalgan CSS xatolarini va ulardan qanday qochishni ko‘rsatadi.


Tushib qolgan nuqtali vergullar

Xossa deklaratsiyasi oxirida nuqta-vergulni unutish uslub qoidasini buzishi mumkin.

Misol

.bad {
  color: red
  background-color: yellow;
}
O‘zingiz sinab ko‘ring »

Noto‘g‘ri xususiyat nomlari

Mavjud bo‘lmagan xossa nomi ishlatilsa, brauzer uni shunchaki e’tiborsiz qoldiradi.

Misol

.bad {
  colr: blue;
  font-size: 16px;
}
O‘zingiz sinab ko‘ring »


Noto‘g‘ri qiymatlar

Xususiyat to‘g‘ri bo‘lsa-yu, qiymati noto‘g‘ri bo‘lsa, u ham e’tiborsiz qoldiriladi.

Misol

.bad {
  width: -100px;
  color: green;
}
O‘zingiz sinab ko‘ring »

Yopilmagan jingalak qavslar

Jingalak qavsga } yopishni unutsangiz, butun qoida e’tiborsiz qolishi mumkin.

Misol

.bad {
  padding: 20px;
  margin: 10px;
O‘zingiz sinab ko‘ring »

Ortiqcha ikki nuqta yoki qavslar

Qo‘shimcha ikki nuqta yoki noto‘g‘ri qo‘yilgan qavs kabi matn terish xatolari qoidalar buzilishiga olib kelishi mumkin.

Misol

.bad {
  color:: blue;
}
O‘zingiz sinab ko‘ring »

CSS xatolaridan qochish bo‘yicha maslahatlar

  • Sintaksis ajratishga ega kod muharriridan foydalaning.
  • CSS’ni CSS linter yoki validator bilan tekshirib turing.
  • CSS’ni kichik bo‘limlarda yozing va tez-tez sinab turing.


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!