|
-ilova
Yangi mavzu bayoni
|
| bet | 38/134 | | Sana | 22.01.2024 | | Hajmi | 1,76 Mb. | | #142961 |
Bog'liq To\'rayev Mirjalol Web dasturlash fanidan2-ilova
Yangi mavzu bayoni
Mavzu: CSSda ichki bog`langan qoidalar.
Reja:
1.Sarlavha haqida tushuncha
2.CSS qoidalari haqida ma’lumot berish
3.Tillar ustida ishlash
Qator oxirida nuqta-vergul bo'lishi kerak
Xususiyatdan keyin nuqta-vergul qo'yilishi kerak: qiymat juftligi. Ushbu tinish belgisisiz ushbu va keyingi qatordagi qoida ishlamaydi.
Yaxshi: har bir qiymatdan keyin nuqta-vergul qo'yiladi
.selektor {
rang: qizil;
fon rangi: kulrang;
}
Yomon: birinchi xususiyatdan keyin nuqtali vergul yoʻq
.selektor {
rang: qizil
fon rangi: kulrang;
}
1.2 Qoidalar ichida chekinish uchun ikkita boʻsh joydan foydalaning
Jingalak qavslar ichida sanab o'tilgan qoidalar qatorning boshidan oralig'ida bo'lishi kerak. Buning uchun 2 ta bo'sh joydan foydalaning. Bu sizga bir xil selektorga tegishli xususiyatlar bloklarini darhol ko'rish imkonini beradi.
Yaxshi
.selektor {
rang: qizil;
fon rangi: kulrang;
}
Yomon
.selektor {
rang: qizil
fon rangi: kulrang;
}
Agar rang o'n oltilik tizimda berilgan bo'lsa, unda qiymat kamaytirilmaydi, lekin barcha oltita belgining to'liq kodi yoziladi. Yozish uchun kichik harflardan foydalaning. Masalan, #e3e3e3.
Yaxshi
.selektor {
quti soyasi: 0 1px 2px #cccccc, 0 1px 0 #ffffff kiriting;
}
Yomon
.selektor {
quti soyasi: 0 1px 2px #CCC, oʻrnatilgan 0 1px 0 #FFF;
}
1.4 Hammasi kichik harf bilan yoziladi
Barcha teg nomlari va xossalari kichik harflar bilan yoziladi.
Yaxshi
Bo'lim {
to'ldirish: 15px
pastki chet: 10px;
}
Yomon
Bo'lim {
TOʻLDIRISh: 15px;
Chet-pastki: 10px
}
Agar rang o'n oltilik tizimda ko'rsatilgan bo'lsa, unda qiymat kamaytirilmaydi, lekin barcha oltita belgining to'liq kodi yoziladi. Yozish uchun kichik harflardan foydalaning. Masalan, #e3e3e3.
Yaxshi
.selektor {
quti soyasi: 0 1px 2px #cccccc, 0 1px 0 #ffffff kiriting;
}
Yomon
.selektor {
quti soyasi: 0 1px 2px #CCC, oʻrnatilgan 0 1px 0 #FFF;
}
1.4 Hammasi kichik harf bilan yoziladi
Barcha teg nomlari va xossalari kichik harflar bilan yoziladi.
Yaxshi
Bo'lim {
to'ldirish: 15px
pastki chet: 10px;
}
Yomon
Bo'lim {
TOʻLDIRISh: 15px;
Chet-pastki: 10px
}
1,5 nollar o'tkazib yuborilmaydi
Agar raqam kasr bo'lsa va noldan boshlansa, u qoldirilmaydi (masalan, 0,5 o'rniga ,5).
Yaxshi
.selektor {
fon rangi: rgba(0, 0, 0, 0,5);
shaffoflik: 0,7
}
Yomon
.selektor {
fon rangi: rgba(0, 0, 0, .5);
shaffoflik: .7;
}
1.6 Ikki tirnoqdan foydalaning
Uslublar har doim istisnosiz qo'sh tirnoqlardan foydalanadi. Agar tirnoq kerak bo'lmasa, ular baribir yoziladi.
Yaxshi
.selektor[type="matn"] { ... }
Yomon
.selektor[turi=matn] { ... }
1.7 Yo'g'on ichakdan keyingi bo'sh joy
Qoidalarda yo'g'on nuqtadan keyin bitta bo'sh joy qo'yiladi (yuqori: 10px;). Yo'g'on ichakdan oldin bo'sh joy kerak emas.
Yaxshi
.selektor {
to'ldirish: 15px
pastki chet: 10px;
}
Yomon
.selektor {
to'ldirish: 15px;
pastki chet: 10px;
}
1.8 Ranglardagi kasrdan keyin bo'sh joylar
Bo'shliqlar rgb(), rgba(), hsl(), hsla() yoki rect() qiymatlari ichida verguldan keyin qo'yiladi. Bu o'qishni yaxshilaydi.
Yaxshi
.selektor {
fon rangi: rgba(0, 0, 0, 0,5);
}
Yomon
.selektor {
fon rangi: rgba(0,0,0,0,5);
}
|
| |
