Inline css (ichki css) Siz css qoidalarini belgilashda ixtiyoriy html elementlarning style atributidan foydalana olasiz. Bu qoidalar faqatgina o’sha elementga murojaat qiladi. Umumiy sintaksislardan birini keltiramiz
Inline CSS (ichki CSS) Siz CSS qoidalarini belgilashda ixtiyoriy HTML elementlarning style atributidan foydalana olasiz. Bu qoidalar faqatgina o’sha elementga murojaat qiladi. Umumiy sintaksisi: <body >
<a href="/css-dan-foydalanishning-qanday-afzalliklari-bor-css-ning-kamch.html">CSS dan darslar </a>
CSS dan darslar
External CSS (Tashqi CSS) - elementi.
External CSS (Tashqi CSS) - elementi.
elementi tashqi HTML hujjatdagi stylesheet (ko’rinish listi)ni o’z ichiga olib foydalana oladi.
Tashqi CSS .css ilovasi bilan matn fayllardan ajratiladi. Siz barcha ko’rinish qoidalarini shu css fayl ichida ko’rsatasiz va keyin siz bu faylni elementidan foydalanib ixtiyoriy HTML hujjatga chaqirib olishingiz mumkin.
Bu yerda tashqi CSS faylni yuklab olishning umumiy sintaksisi keltirilgan.
Bu selector HTML teglari nomlari bilan ishlatiladi.
Barcha birinchi darajali sarlavhalar uchun rang berishni qaraymiz.
h1 {
color: #36CFFF;
}
2. Universal selectorlar:
Universal selector juda oddiy ixtiyoriy elemnt tipiga juda oddiy moslashadi.
* {
color: red;
}
Bu qoida hujjatdagi har bir element ranggi qora ekanligini bildiradi.
3. Avlod selectorlar:
3. Avlod selectorlar:
U siz xohlagan ko’rinish qoidasi maxsus elementga murojaat qilishni qo’llab quvvatlaydi faqatgina u maxsus element ichida bo’lganida. Xuddi quyidagi misol kabi ko’rinish qoidasi ga murojaat qiladi faqatgina u tegi ichida bo’lganida.
Bu selectorni barcha html teglariga id atributi yordamida qo’llash mumkin.
#black {
color: #000000;
}
6. Atribut selectorlar:
6. Atribut selectorlar:
Siz shuningdek o’ziga xos html teglarining parametrlariga ham css stillarining murojatini amalga oshirishingiz mumkin.
input[type = “text”] {
color: #000000;
}
Bu usulning afzalligi elementiga tasir etmaydi va bu rang faqatgina istalgan text tipidagi maydonlariga tasir qilgadi.
7. Guruhlash selectori:
7. Guruhlash selectori:
Agar xohlasangiz juda ko’p html teglariga tasir e’tuvchi stillarni yaratishingiz mumkin. Faqatgina bu selectorlar quyidagi misolda berilganidek vergul bilan ajratiladi.
