css stilari va ularni html hujjatga bog’lash

DOC 10 pages 211.5 KB Free download

Page preview (5 pages)

Scroll down 👇
1 / 10
4-laboratoriya ishi mavzu: css stillari va ularni html hujjatga bog’lash. ishdan maqsad: htmlda web -sahifalari uchun css stillar faylini yaratish ko’nikmasini hosil qilish. nazariy qism css - stillarning kaskad jadvallari (cascading style sheet) hisoblanadi. stil – hujjatdagi u yoki bu elementning tashqi ko’rinishini belgilovchi qoidadir. sarlavhalar, ro’yxatlar, abzaslarning ko’rinishini tayin shrift, uning rangi, shakli(qalinmi? ko’rsivmi? tegiga chizilganmi?) matn qismlarining o’zaro joylashishi va boshqa hususiyatlarni ko’rsatib stilni belgilash, unga nom berish va bu stilni matnning turli bo’laklariga qo’llash mumkin. keyinchalik stilning yoqmagan hususiyatlarini o’zgartirish mumkin, bu holat darxol matnda aks etadi. cssning asosiy funksiyalari: · satrlar, sœzlar va alohida matn belgilari orasidagi masofani o’zgartirish; · element(html konteyneridagi matn bo’lagi)ning chap, o’ng, yuqori va quyi maydonlarini belgilash; · elementning chap chegaradan qochish kattaligini belgilash; · o’lchami o’zgarishi, shrift element atributlari stillari va b; · element atrofida hoshiya chiziq o’rnatish; · elementda fon tasvir va fon rangini belgilash. web-sahifalar elementlari teg bo’lganligi sababli …
2 / 10
ifama-sahifa yurib o’zgartirish amalga oshirilmaydi, avtomat ravishda butun saytga qo’llanadi. bu yo’l bilan css sahifaning ekrandagi tashqi ko’rinishini tez va qulay o’zgartirish imkonini beradi. 4. stillar jadvallari web-masterlarga sahifani bezatish va tashkil etish uchun, html tili vositalaridan farqli o’laroq, keng imkoniyatlar yaratadi. lekin stillar jadvalining ba’zi elementlari brauzerlar tomonidan qabul qilinmasligi mumkin, shuning uchun ulardan foydalanishdan oldin turli brauzerlarga qo’llab tekshirib ko’rish kerak. stil jadvallari sintaksisi sintaksisni quyidagi misol: n1 {color:red; } da ko’ramiz. stillarni barcha e’lon(qilish)lari qoidalar (rules) deb ataladi. bu qoidalar ikki qismdan iborat bo’ladi: · selektor (h1) html-hujjatdagi tegning maqsadini aniqlaydi (sarlavha, paragraf va hokazo); · tavsiflash (deklarasiya) (color:red) joriy selektor(teg)ga qo’llash uchun stil belgilaydi. tavsiflash (deklarasiya) katta qavs ichiga olinadi va u ham ikki qismdan iborat bo’ladi: hususiyat (color) va qiymat (red). ular ham katta qavsga yozilib, o’zaro ikki nuqta bilan ajratiladilar. ba’zi qiymatlar va hususiyatlar stil jadvallarida keltirilgan. selektorlar vergul (,) bilan, tavsiflar esa nuqta-vergul …
3 / 10
qilib oladi. sahifa iyerarxik (ya’ni ona-bola shaklidagi bosqichma-bosqich) tuzilmaga ega bo’ladi. eng yuqori bosqichda tegi, keyingisida tegi, undan keyin va hokazo teglar. lekin amalda me’ros olish brauzerlar tomonidan hamma vaqt ham to’g’ri talqin etilmasligini ta’kidlab o’tish joiz. kontekstli (mavjud holat mohiyatiga qarab ishlaydigan) selektorlar kontekstli selektor – boshqa selektor ichiga joylashgan selektor(teg) uchun stil belgilovchi tegdir. ushbu: ona element hususiyatini me’ros olish ga misol misol tegi uchun - u ning ichida joylashgan - stil belgilaydi : h1 i {color:green} misoldan ko’rinib turibdi-ki kontekst selektor probel(bo’sh joy) dan keyin yoziladi va tegi ichiga joylashgan barcha teglar yashil rang oladi. bundan tashqari birnecha selektorlarni birlashtirish mumkin: h1 i, p b {color:green} sinflar va selektor sifatida ishlatilgan id oldingi misollarda stillarning qoidalari tayin teg(selektor)ga belgilanar edi. qulaylikni oshirish maqsadida o’z sinflaringizni yaratish va ularga stillar belgilash mumkin. avvalo sinf uchun nom ko’rsatiladi, nom nuqtadan, id nom esa # dan boshlanadi: #content { /* …
4 / 10
faqat ma’lum sharoitdagina o’tishi mumkin. masalan murojatlar faqatgina ular ustiga ko’rsor keltirilgandagina ostiga chizilgan (va boshqa rangda) ko’rinishi holati. stillar jadvalidagi shu holatni aks ettiruvchi fragment(bo’lak): a { text-decoration: none; } a:hover { text-decoration: underline; } yuqori satr standart tegini murojatlarning ostiga chizishni man etadigan qilib qayta aniqlash, keyingi satr esa hover psevdosinfi uchun - ko’rsor belgilab turgan paytda - murojatga mos stil belgilash. psevdosinfga yana bir - istalgan guruh elementiga qo’llash mumkin bo’lgan va uning birinchi harfini akslantirish stiliga oid - misol: :first-letter stil jadvallarida izohlar bir satrli izoh: /* izoh matni */ ko’p satrli izoh: /* stil jadvalining bu qismida izohlar bor */ stil jadvallarini html-hujjatga qo’shish css ni html-hujjatga qo’shishning to’rtta usuli mavjud. 1. tashqi stil jadvalini kiritish ( html-hujjatning sarlavha qismi ga joylashtiriladi): 2. faqat shu hujjat uchun amalda bo’lgan ichki stil jadvalini ishlatish ( html-hujjatning sarlavha qismi ga joylashtiriladi): h1 {color : blue} 3. stilni …
5 / 10
b (masalan, site.css) saqlab qo’ysangiz bo’ldi. keyin uni html hujjat bilan bog’lash uchun tegidan foydalanamiz: ya’ni href atributida stillar jadvalining url-adresi ko’rsatiladi. stillar jadvalini albatta alohida fayl sifatida saqlash shart emas. uni hujjatning tanasiga bevosita kiritib qo’yish ham mumkin, lekin unda jadval faqat shu hujjat fayli uchun o’rinli bo’ladi. stillar jadvalini hujjatga kiritish uchun konteyneridan foydalanish lozim. u va teglari orasiga joylashtiriladi: bu yorda stil parametrlari aniqlanadi. tegi mime (multipurpose internet mail extension, internet elektron pochtasi standarti) turini aniqlovchi yagona type atributiga ega. stil jadvallarini qo’llamaydigan brauzerlar tegini tan olmasliklari uchun uni "text/css" sifatida aniqlash lozim. uchinchi usulda stil teg ichida yoziladi va faqat uning ichidagina amalda bo’ladi. agar birinchi yoki ikkinchi usulda aniqlangan teg stilini qayta aniqlash lozim bo’lganda bu qulaydir. masalan, agar hujjatning stili bo’yicha sarlavha biror rangda bo’lsa, keyinroq sarlavhaning biror elementini boshqa rang bilan ajratish lozim bo’lib qolsa, buni hujjatning umumiy stilini o’zgartirmay turib sarlavha tegi …

Want to read more?

Download all 10 pages for free via Telegram.

Download full file

About "css stilari va ularni html hujjatga bog’lash"

4-laboratoriya ishi mavzu: css stillari va ularni html hujjatga bog’lash. ishdan maqsad: htmlda web -sahifalari uchun css stillar faylini yaratish ko’nikmasini hosil qilish. nazariy qism css - stillarning kaskad jadvallari (cascading style sheet) hisoblanadi. stil – hujjatdagi u yoki bu elementning tashqi ko’rinishini belgilovchi qoidadir. sarlavhalar, ro’yxatlar, abzaslarning ko’rinishini tayin shrift, uning rangi, shakli(qalinmi? ko’rsivmi? tegiga chizilganmi?) matn qismlarining o’zaro joylashishi va boshqa hususiyatlarni ko’rsatib stilni belgilash, unga nom berish va bu stilni matnning turli bo’laklariga qo’llash mumkin. keyinchalik stilning yoqmagan hususiyatlarini o’zgartirish mumkin, bu holat darxol matnda aks etadi. cssning asosiy funksiyalari: · satrlar, sœzlar va alohida matn belg...

This file contains 10 pages in DOC format (211.5 KB). To download "css stilari va ularni html hujjatga bog’lash", click the Telegram button on the left.

Tags: css stilari va ularni html hujj… DOC 10 pages Free download Telegram