2.2 fayllari veb-sahifalarga ko'rinish. CSS fayllari veb-sahifalarni shakllantirish va ularga kerakli ko'rinish berish uchun ishlatiladi. CSS fayllarini HTML hujjatlariga bog'lash orqali siz turli elementlarga uslublarni qo'llashingiz va ularning vizual taqdimotini boshqarishingiz mumkin. CSS fayllari veb-sahifalarning ko'rinishiga qanday hissa qo'shishi haqida. Xavotirlarni ajratish: CSS fayllari veb-sahifaning tuzilishi (HTML), xatti-harakati (JavaScript) va taqdimoti (CSS) o'rtasidagi tashvishlarni aniq ajratish imkonini beradi. CSS fayllarida uslublarni alohida saqlash orqali siz HTML strukturasini yoki JavaScript funksiyasini oʻzgartirmasdan vizual dizaynni osongina yangilashingiz mumkin.
Global uslublar: CSS fayllari veb-saytingizdagi bir nechta elementlarga tegishli global uslublarni aniqlash imkonini beradi. Siz shrift uslublari, ranglar, fon tasvirlari, intervallar va boshqalar kabi xususiyatlarni belgilashingiz mumkin. Ushbu uslublar CSS fayliga bog'langan barcha sahifalarda izchil qo'llaniladi.
Tanlangan uslublar: CSS fayllari, shuningdek, uslublar uchun muayyan elementlar yoki elementlar guruhlarini yo'naltirishga imkon beradi. CSS selektorlaridan foydalanib, siz element turlari (masalan,
,
,
), sinflar (masalan, .my-class), identifikatorlar (masalan, #my-id) va boshqalarga asoslangan uslublarni qo'llashingiz mumkin. atributlar. Bu granularlik sizga alohida yoki tegishli elementlarning ko'rinishini aniq nazorat qilish imkonini beradi.
Responsive dizayn: CSS fayllari turli ekran o'lchamlari va qurilmalariga moslashadigan sezgir veb-sahifalarni yaratish uchun zarurdir. CSS-da media so'rovlarini qo'llash orqali siz foydalanuvchi qurilmasining ekran kengligi, yo'nalishi va ruxsati kabi xususiyatlariga asoslangan turli uslublarni belgilashingiz mumkin. Bu ish stolidan tortib smartfongacha bo'lgan turli qurilmalar uchun tartib va uslubni optimallashtirish imkonini beradi.
Tashqi kutubxonalar va ramkalar: CSS fayllari ko'pincha oldindan belgilangan uslublar va komponentlarni ta'minlaydigan tashqi kutubxonalar va ramkalarni kiritish uchun ishlatiladi. Bootstrap, Materialize CSS yoki maxsus CSS ramkalari kabi ushbu manbalar foydalanishga tayyor uslublar va tartib tuzilmalarini taklif qiladi, bu esa rivojlanishni tezlashtiradi va veb-sahifalar bo'ylab izchillikni ta'minlaydi.
HTML hujjatiga CSS uslublarini qo'llash uchun tegi yordamida HTML fayl ichidagi CSS faylini bog'lashingiz kerak. Mana bir misol:
Yuqoridagi misolda "styles.css" nomli CSS fayli HTML faylga bog'langan. "styles.css" da belgilangan uslublar HTML hujjatining bo'limida mavjud HTML elementlariga qo'llaniladi.
CSS fayllari veb-sahifalarga ko'rinish berish uchun ishlatiladi. Ular veb-sahifalardagi elementlarga stil berishga yordam beradi. CSS fayllarining veb-sahifalarga ko'rinish berishga doir vazifalariga o'zbekcha misollar bilan quying:
Ajratish: CSS fayllari HTML fayllaridan ajratiladi va alohida .css kengaytmali fayllarda saqlanadi. Bu HTML va CSS kodlarini ajratish orqali veb-sahifalarni tuzishda yordam beradi. CSS fayllarini HTML fayllari bilan bog'lash uchun HTML faylidagi bo'limida tegidan foydalaniladi.
Global stil berish: CSS fayllari orqali veb-sahifalardagi boshqa elementlarga ham stil berish mumkin. Siz shu fayllarda matn o'lchami, ranglar, fonlar, paddinglar, marginlar va boshqa xususiyatlarni belgilay olasiz. Ushbu stil qoidalarini CSS faylida ifodalash orqali, ularga HTML sahifalardagi har qanday elementga doimiy tarzni berishingiz mumkin.
Elementlarga xususiy stil berish: CSS fayllari orqali siz HTML elementlarini xususiy stil bilan belgilay olasiz. CSS selectorlari yordamida elementlarni belgilash mumkun. Element turlariga (
