CSS - bu Internet-resurs sahifasida vizual elementlarni yaratish uchun ishlatiladigan kaskadli uslublar jadvali. CSS-da ko'rsatilgan ob'ektlarni ko'rsatish HTML belgilash tilida amalga oshiriladi. Kaskadli jadvallarning o'zi yakka o'zi foydalanib bo'lmaydi.
CSS-dan foydalanish
CSS - HTML formatlash elementlarining ishlashini amalga oshiradigan uslub tili. Kaskadli jadvallar HTML-da o'zgartirilishi mumkin bo'lmagan parametrlarni sozlash imkonini beradi. Masalan, uslub tili yordamida shrift uslubini, rangini tahrirlashingiz mumkin. CSS sizga chegaralar, chiziqlar, to'ldirish, kenglik, joylashuv elementlarini o'rnatishga va "sof" HTML yordamida amalga oshirishning iloji bo'lmagan parametrlarning natijalarini bajarishga imkon beradi.
Kaskadli uslublar jadvallari deyarli barcha brauzerlar tomonidan qo'llab-quvvatlanadi va deyarli har qanday veb-resurslarda qo'llaniladi. Ular belgilangan til yordamida tarkibni namoyish qilishni boshqaradi va turli xil ommaviy axborot vositalari uchun elementlarning namoyish qilinishini boshqarish imkonini beradi.
Agar HTML faqat sahifaning matnini tuzish vositasi sifatida ishlatilsa, CSS sizga ko'rsatilgan tarkibni namoyish qilishni sozlash imkonini beradi.
CSS sintaksisi va uni HTML kodiga kiritish
Sahifani loyihalashda HTML vositalari ustida CSS dan foydalanish afzalroq. Haqiqat shundaki, HTML dastlab elementlarning rangini tahrirlash uchun vositalarga ega emas edi va rang va displey parametrlarini o'rnatish uchun mo'ljallanmagan edi, shuning uchun dizayn yaratish uchun HTML tavsiflovchilaridan foydalanish ba'zi veb-dasturchilar tomonidan noto'g'ri deb hisoblanishi mumkin.
CSS HTML dan farqli sintaksisga ega va teglar orqali sahifa kodiga kiritilgan. Parametr yorlig'i yordamida alohida faylda joylashgan CSS kodini ham qo'shishingiz mumkin:
CSS-kod ma'lum bir sintaksisga ega, unga qat'iy rioya qilish kerak, aks holda yaratilgan uslublar sahifada ko'rsatilmaydi. CSS kodining qismini uchta asosiy elementga bo'lish mumkin: selektor, xususiyat va qiymat. Ushbu ma'lumotlar quyidagicha yozilgan:
selector {property: value; qiymat; }
Selektor yaratilgan displey qoidasi qo'llaniladigan dastani belgilaydi. Xususiyat parametri elementning tahrir qilinadigan tomonini, qiymat esa xususiyat uchun mos variantni belgilaydi. Masalan, ikkinchi darajadagi sarlavhada rangni o'zgartirish
HTML, siz quyidagi kodni qo'llashingiz mumkin:
h2 {rang: qizil; }
Ushbu kod matn rangini qizil rangga o'rnatadi, u ikkinchi darajali sarlavha tavsiflovchisida joylashgan.
CSS standart HTML rang jadvalidan foydalanadi.
Teglardan tashqari, ichki teglardan ham foydalanishingiz mumkin. Misol uchun:
Sarlavha
Ushbu kod yuqorida tavsiflangan bilan bir xil, farqi bilan CSS parametrlari tahrirlash uchun zarur bo'lgan aniqlovchiga o'rnatildi.