CSS qoidasi strukturasi
CSS qoida strukturasi uchta asosiy qismdan iborat: selektor, xususiyat va qiymat.
1. Selektor: Selektor CSS qoidasi qo'llaniladigan HTML element(lar)ni belgilash uchun ishlatiladi. Selektorlar element turiga (masalan, paragraflar uchun p), sinfga (masalan, .my-class), ID (masalan, #my-id) yoki boshqa atributlar (masalan, type="submit").
2. Xususiyat: Xususiyat - bu element ko'rinishining siz o'zgartirmoqchi bo'lgan jihati. Xususiyatlarga misollar: color, font-size va background-image.
3. Qiymat: Qiymat mulk uchun maxsus sozlamadir. Masalan, red qiymati color xususiyati uchun, 20px esa font-size qiymati boʻlishi mumkin. code> xususiyati.
CSS qoidasining uchta qismi ikki nuqta va nuqtali vergul bilan ajratilgan. Mana bir misol:
p {
color: blue;
font-size: 18px;
}
Ushbu misolda p - selektor, rang va font-size - xususiyatlar va ko'k > va 18px qiymatlardir. Bu qoida HTML hujjatidagi barcha
elementlariga koʻk matn rangi va 18px shrift hajmini qoʻllaydi.
-
CSS stillarni bog‘lash usullari.
CSS-da siz HTML elementlariga uslublarni bir necha usullar bilan bog'lashingiz mumkin. Bu erda bir nechta umumiy usullar mavjud:
1. Inline uslublar: style atributidan foydalanib, toʻgʻridan-toʻgʻri HTML elementiga uslublar qoʻshishingiz mumkin. Masalan:
This text is blue and 18px
1. Ichki uslublar: Hujjatning bosh qismidagi
This text is blue and 18px
This text is blue and 18px
Hello, world!
Do'stlaringiz bilan baham: |