Css haqida,tarixi va ma'lumotlar

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;}