Cascading Style Sheets nima?
Veb-saytlar bir nechta shaxsiy qismlardan tashkil topgan bo'lib, ular orasida rasm, matn va turli xil hujjatlar mavjud. Ushbu hujjatlar nafaqat PDF-fayllar kabi turli sahifalar bilan bog'lanishi mumkin bo'lgan narsalarni emas, balki sahifalarni o'zlashtirish uchun ishlatiladigan hujjatlarni, masalan, HTML-hujjat kabi sahifalar va CSS-ni (Kasb-uslublar varaqlari) sahifaning ko'rinishini belgilash. Ushbu maqola CSS-ga kirib, uning nima ekanligini va bugungi kunda veb-saytlarda ishlatilishini o'z ichiga oladi.
CSS tarixi darsi
CSS birinchi marta 1997 yilda veb-ishlab chiquvchilar uchun yaratilgan veb-sahifalarning ingl. Ko'rinishini aniqlash uchun ishlab chiqilgan. Veb-professionallar veb-sayt kodining mazmuni va tarkibini vizual dizayndan ajratishga imkon berish uchun mo'ljallangan edi.
Strukturani va uslubni ajratish HTML-ga asosan, "paydo bo'lishi va his qilish" deb nomlanadigan narsaning dizayni va tartibini tashvishga solmasdan, aslida asosli bo'lgan funktsiyadan ko'proq narsani bajarishga imkon beradi - sahifaning.
Veb-brauzerlar ushbu markirovka tilining asosiy shrift va rang tomonlaridan ko'proq foydalana boshlagach, CSS 2000 atrofida mashhurlikka erisha olmadi. Bugungi kunda barcha zamonaviy brauzerlar CSS-ning 1-bosqichi, CSS-ning 2-darajali qismi va hatto CSS-ning 3-darajali aspektlarini qo'llab-quvvatlaydi. CSS-ning rivojlanishi va yangi uslublar joriy etilishi davom etar ekan, veb-brauzerlar ushbu brauzerlarda yangi CSS-ni qo'llab-quvvatlaydigan va veb-dizaynerlar bilan ishlash uchun kuchli yangi uslublar vositalarini beradigan modullarni joriy qila boshladilar.
Ko'p yillar davomida veb-saytlarni loyihalash va ishlab chiqish uchun CSS-dan foydalanishni rad etgan tanlovli veb-dizaynerlar mavjud edi, ammo bu amaliyot bugungi kunda sanoatdan chiqib ketdi. CSS hozir veb-dizayni uchun keng tarqalgan ishlatiladigan standart bo'lib, siz bugungi kunda ushbu tilda hech qanday asosiy tushunchaga ega bo'lmagan sohada ishlaydigan har bir kishini topishingiz qiyinlashadi.
CSS - bu qisqartma
Yuqorida aytib o'tilganidek, CSS atamasi "Cascading Style Sheet" ni ifodalaydi. Keling, ushbu hujjatning nima bilan shug'ullanishini batafsil tushuntirish uchun biroz pastga tushamiz.
"Uslub varaqasi" so'zi hujjatning o'ziga xosligini anglatadi (masalan, HTML, CSS fayllari turli dasturlar bilan tartibga solinadigan matnli hujjatlardir). Uslublar jadvallari ko'p yillar davomida hujjat dizayni uchun ishlatilgan. Ular bosma yoki onlayn bo'lsin, bir tartib uchun texnik spetsifikatsiyalar. Chop etish dizaynerlari o'zlarining dizaynlari o'zlarining texnik xususiyatlariga mos ravishda chop etilishini kafolatlash uchun uzoq vaqt foydalanadigan uslublar jadvallarini ishlatganlar. Veb-sahifa uchun uslublar varaqlari xuddi shu maqsadga xizmat qiladi, ammo veb-brauzerda ko'rsatilgan hujjatni qanday ishlashi haqida gapirib berishning qo'shimcha funktsiyasi bilan. Bugungi kunda CSS uslublar jadvallari turli xil qurilmalar va ekran o'lchamlari uchun sahifa ko'rinishini o'zgartirish uchun ommaviy axborot so'rovlarini ham foydalanishi mumkin. Bu juda muhimdir, chunki u bitta HTML hujjatiga kirish uchun foydalaniladigan ekranga ko'ra boshqacha tarzda ishlashga imkon beradi.
Cascade - "kaskad uslublar varag'i" atamasining o'ziga xos qismi. Veb-uslublar varag'i ushbu varaqdagi uslublar qatori, masalan, palapartishlikdan o'tadigan daryo kabi, chizilgan. Daryo ichidagi suv palapartishlikdagi barcha toshlarga tekkan, ammo pastki qismida faqat suvning qayerda joylashgani aniqlanadi. Veb-sayt uslublar jadvalidagi kaskad uchun xuddi shunday.
Veb-sayt uslubchisi hech qanday uslubni qo'llamasa ham, har bir veb-sahifa kamida bitta uslub sahifasiga ta'sir qiladi. Ushbu uslublar varaqlari foydalanuvchi vositachiligi uslubi sahifasidir - agar veb-brauzer boshqa ko'rsatmalar berilmagan bo'lsa, sahifani ko'rsatish uchun ishlatadigan standart uslublar sifatida ham tanilgan. Misol uchun, sukut bo'yicha, ko'priklar ko'k rangga bo'yalgan va ular chizilgan. Ushbu uslublar veb-brauzerning standart uslub sahifasidan keladi. Agar veb-uslubchisi boshqa yo'riqlarni taqdim qilsa, brauzer qaysi ko'rsatmalarga ustuvor ekanligini bilishi kerak. Barcha brauzerlarda o'z standart uslublari mavjud, ammo ularning ko'pchiligi (ko'k chizilgan chizilgan matnli havolalar kabi) barcha yoki eng katta brauzerlar va versiyalar bo'yicha taqsimlanadi.
Veb-brauzerda standart brauzerning yana bir misol uchun, asl qiymati shrift " Times New Roman " hajmi 16 kattalikda ko'rsatiladi. Men tashrif buyuradigan sahifalardan deyarli hech shrift shrifti oilasida va hajmida ko'rsatilmaydi. Buning sababi, kaskadning dizaynerlar tomonidan belgilab qo'yilgan ikkinchi uslublar jadvallarini shrift hajmini va oilasini qayta aniqlash , veb-brauzerning standartlarini bekor qilishni belgilaydi. Veb-sahifa uchun yaratgan har qanday uslublar varaqlari brauzerning standart uslublaridan ko'ra ko'proq o'ziga xoslikga ega bo'ladi, shuning uchun ushbu standartlar faqat sizning uslub sahifangiz ularni bekor qilmasa qo'llaniladi. Agar siz havolalarni ko'k va olti chizilgan bo'lishini istasangiz, hech narsa qilishingiz shart emas, chunki u asl qiymati emas, lekin agar sizning saytingiz CSS fayli bu havolalar yashil bo'lishi kerak deb hisoblasa, bu rang asl ko'kni bekor qiladi. Boshqa misolni ko'rsatmaganingiz uchun, ushbu misolda chizilgan so'zlar qoladi.
CSS qaerda ishlatiladi?
CSS boshqa veb-brauzerdan ko'ra veb-sahifalar qanday ko'rinishi kerakligini aniqlash uchun ham foydalanishi mumkin. Misol uchun, veb-sahifaning qanday chop etish kerakligini belgilaydigan bosma uslublar varag'ini yaratishingiz mumkin. Veb-sahifadagi navigatsiya tugmalari yoki veb-shakllar kabi bosilgan sahifada maqsadga ega bo'lmaganligi sababli, sahifa chop etilganda o'sha joylarni «o'chirish» uchun Chop etish uslubi jadvalidan foydalanish mumkin. Aksariyat saytlarda chindan ham odatiy amaliyot bo'lmasa-da, bosma uslublar jadvallarini yaratish varianti kuchli va jozibali (mening tajribamda - ko'pchilik veb-mutahassislari buni amalga oshirmaydi, chunki saytning byudjet doirasi bu qo'shimcha ishni bajarishga chaqirmaydi) ).
Nima uchun CSS muhim?
CSS veb-uslubchisi o'rganishi mumkin bo'lgan eng qudratli vositalardan biridir, chunki u veb-saytning butun vizual ko'rinishiga ta'sir qilishi mumkin. Yaxshi yozilgan uslublar jadvallari tezda yangilanishi va saytlarga ingliz tilida ustuvor ahamiyatga ega bo'lgan narsalarni o'zgartirishga imkon beradi va bu o'z navbatida asosiy HTML formatlashuviga o'zgartirishlar kiritilmasdan, qiymatga va mehmonlarga e'tibor berishga imkon beradi.
CSS-ning asosiy vazifasi - o'rganish uchun juda oz narsa bo'lganligi va brauzerlar har kuni o'zgarib turishi bilan, bugungi kunda yaxshi ishlaydigan narsa ertaga mantiqiy bo'lmasligi mumkin, chunki yangi uslublar qo'llab-quvvatlanadi va boshqalar bir sababga ko'ra yoki boshqa sabablarga ko'ra kamayib qoladi .
CSS CSS-ni kuzatish va birlashtira olishi va turli brauzerlarning direktivalarni turli xil talqin qilish va amalga oshirishni hisobga olishi uchun CSS-ga oddiy HTML-dan ko'ra qiyinroq bo'lishi mumkin. CSS shuningdek brauzerlarda HTML formatida o'zgarmas tarzda o'zgaradi. CSS-dan foydalanishni boshlaganingizdan so'ng, siz uslublar jadvallarining kuchini ishlatib, veb-sahifalarni qanday joylashtirishingiz va ularning ko'rinishini va his-tuyg'usini aniqlashda sizni ishonib bo'lmaydigan moslashuvchanlikni beradi. Yo'l davomida siz kelajakda yangi veb-sahifalarni qurishda qayta ishlashingiz mumkin bo'lgan o'tmishdagi siz uchun ishlagan uslublar va yondashuvlarning "to'dasi" to'plamini to'playsiz.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 7/5/17,