Cascading Style Sheets (css) bu html kabi belgilash tilida yozilgan hujjat taqdimotini tavsiflash uchun ishlatiladigan uslublar varag'i tili


Download 63.5 Kb.
bet1/7
Sana30.04.2023
Hajmi63.5 Kb.
#1402511
  1   2   3   4   5   6   7
Bog'liq
Cascading Style Sheets (css) bu html kabi belgilash tilida yozil


Cascading Style Sheets (CSS) - bu HTML kabi belgilash tilida yozilgan hujjat taqdimotini tavsiflash uchun ishlatiladigan uslublar varag'i tili. CSS - bu HTML va JavaScript bilan birga World Wide Web-ning tamal toshi texnologiyasi. CSS taqdimot va tarkibni, shu jumladan maket, ranglar va shriftlarni ajratish uchun mo'ljallangan. Ushbu ajratish tarkibga kirishni yaxshilaydi, taqdimot xususiyatlarining spetsifikatsiyasida ko'proq moslashuvchanlik va nazoratni ta'minlaydi, bir nechta veb-sahifalarni alohida .css faylida mos CSS-ni ko'rsatib formatlashni almashish imkoniyatini beradi, bu esa murakkabligi va takrorlanishini kamaytiradi. tuzilgan tarkib, shuningdek, faylni keshlash qobiliyati, sahifani yuklash tezligini yaxshilash va faylni almashadigan sahifalar o'rtasida formatlashni yaxshilash.Formatlashni tarkibdan ajratish, shuningdek, ekranga, bosma, ovozli (nutqga asoslangan brauzer yoki ekran o'quvchi orqali) va brayl uslubidagi turli xil ko'rsatish texnikasi uchun bir xil belgilash sahifasini turli xil uslublarda taqdim etishga imkon beradi. teginish moslamalari. CSS-da, agar kontentga mobil qurilmadan kirilsa, muqobil formatlash qoidalari mavjud. Ismlar kaskadirovkasi belgilangan ustunlik sxemasidan kelib chiqib, bir nechta qoidalar ma'lum bir elementga mos keladigan bo'lsa, qaysi uslub qoidasi qo'llanilishini aniqlaydi. Ushbu kaskadli ustuvorlik sxemasini taxmin qilish mumkin. CSS texnik xususiyatlari World Wide Web Consortium (W3C) tomonidan ta'minlanadi. Internet Media Type (MIME) matni / CSS RFC 2318 (1998 yil mart) da CSS bilan foydalanish uchun ro'yxatdan o'tgan. W3C CSS hujjatlari uchun bepul CSS tasdiqlash xizmatini taqdim etadi. HTML-dan tashqari, boshqa formatlash tillari XHTML, oddiy XML, SVG va XUL kabi CSS-dan foydalanishni qo'llab-quvvatlaydi.
Sintaksis
CSS oddiy sintaksisga ega va turli uslubiy xususiyatlarning nomlarini aniqlash uchun bir nechta inglizcha kalit so'zlardan foydalanadi.Uslublar jadvali qoidalar ro'yxatidan iborat. Har bir qoida yoki qoidalar to'plami bir yoki bir nechta selektordan va deklaratsiya blokidan iborat.
Tanlovchi
CSS-da selektorlar markirovkaning o'zida qismlarga mos keladigan teglar va atributlar yordamida belgilashning qaysi qismi uslubini e'lon qilishadi.Selektorlarni quyidagilarga qo'llash mumkin: ma'lum bir turdagi barcha elementlar, masalan, ikkinchi darajali h2 sarlavhalari atribut bilan ko'rsatilgan elementlar, xususan: id: hujjatdagi noyob identifikator class: hujjatdagi bir nechta elementlarga izoh bera oladigan identifikator elementlar hujjat daraxtidagi boshqalarga nisbatan joylashishiga qarab. Sinflar va identifikatorlar harflar bilan boshlangan va harf va raqamli belgilar, defis va pastki chiziqlarni o'z ichiga olishi mumkin. Sinfni har qanday elementning istalgan soniga qo'llash mumkin. ID faqat bitta elementga tatbiq etilishi mumkin. CSS selektorlarida psevdo-sinflar hujjat daraxtida mavjud bo'lmagan ma'lumotlarga asoslanib formatlash uchun foydalaniladi. Keng foydalaniladigan psevdo-klassning bir misoli, foydalanuvchi ko'rinadigan elementga "ishora" qilganida, odatda sichqoncha kursorini ushlab turganda tarkibni aniqlashdir. U selektorga yoki kabi qo'shiladi. Psevdo-klass hujjat elementlarini, yoki kabi tasniflaydi, psevdoelement esa yoki kabi qisman elementlardan iborat bo'lishi mumkin bo'lgan tanlovlarni amalga oshiradi. hovera: hover # elementid: hover: link: visit :: first-line :: first-letter. Keyinchalik aniqlik va moslashuvchanlikka erishish uchun selektorlarni turli usullar bilan birlashtirish mumkin. Bir nechta tanlovchilarni portlash ro'yxatiga birlashtirib, ob'ektlarni joylashuvi, turi, id, klassi yoki ularning har qanday birikmasi bo'yicha aniqlash mumkin. Tanlovchilarning tartibi muhim ahamiyatga ega. Masalan, bu divs ichida joylashgan barcha myClass elementlariga, myClass dagi barcha divslarga tegishli.div .myClass {rang: qizil;}. myClass div {rang: qizil;}

Download 63.5 Kb.

Do'stlaringiz bilan baham:
  1   2   3   4   5   6   7




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling