2-mavzu. Css qoʻllagan holda web-sayt yaratish. Reja

2-MAVZU. CSS QOʻLLAGAN HOLDA WEB-SAYT YARATISH.
REJA:

1. 
   CSS asoslari.
   
2. 
   HTML tegi uchun css qo‘llash.
   
3. 
   Sahifa uchun css qo‘llash.
   
4. 
   Web-tugun uchun css qoʻllash.
   

Tayanch so‘z va iboralar. CSS, Stil, sayt, web html, sahifa. CSS asoslari. HTML tegi uchun css qoʻllash. Sahifa uchun uchun css qoʻllash. Web-tugun uchun css qoʻllash. Tashqi css-faylni yaratish. Stillar jadvalini import qilish. Sahifa elementlariga css qoʻllash. Atributlar stillarini aniqlash. Har xil turdagi qurilmalar uchun stillar jadvali. css izohlari.


HTML bilan tanish bo'lganlarga bu sahifani belgilash tili deb aytishning hojati yo'q. Ammo uning yaratuvchilari unga tashqi ko'rinishi va dizayni uchun javob beradigan teglarni qo'shishga qaror qilishdi. Faqatgina ushbu yondashuv bilan sahifa kodi juda katta va amalda o'qib bo'lmaydigan bo'lib qoldi. Tabiiyki, bu yo'l hech qaerga olib bormadi, shuning uchun murakkab qaror qabul qilindi: HTML sahifalarning joylashuvi uchun, CSS esa vizual dizayn uchun javobgardir.
CSS - Cascading Style Sheets qisqartmasi.U sahifadagi ob'ektlarni vizual dizayni uchun javobgar bo'lgan parametrlardan iborat.
CSS-ning afzalliklari
Kaskadli uslublar jadvali veb-ustaga nafaqat chiroyli manba yaratishga, balki uning hajmini sezilarli darajada kamaytirib, kodni o'qiydigan qilishga imkon beradi. CSS-dan foydalanib, HTML-sahifani belgilashda mumkin bo'lmagan parametrlarni o'rnatishingiz mumkin. CSS yordamida manba sahifalarining ko'rinishini bir necha marta bosish orqali tom ma'noda o'zgartirishingiz mumkin. Bu juda qulay, ayniqsa sayt ko'p sahifali bo'lsa. Barcha dizayn o'zgarishlari resurslarning har bir sahifasida parametrlarni almashtirish bilan emas, balki kaskadli uslublar jadvalida amalga oshiriladi. Faqat CSS tufayli blokirovka qilishni amalga oshirish mumkin. CSS-ning asosiy tamoyillari haqida gapirganda, birinchi navbatda kaskadli uslublar jadvalini HTML-faylga qanday bog'lashni o'rganish kerak. Jarayon etarlicha sodda. Birinchi qadam HTML hujjat yaratishdir. Hali bilmaganlar uchun bu bloknot dasturida yaratilgan. Keyin, "Saqlash" funksiyasidan foydalanib, HTML kengaytmasini o'rnatishingiz kerak. Xuddi shu tarzda, kaskadli uslublar jadvali yaratiladi, faqat faylga CSS kengaytmasi berilishi kerak. Olingan hujjat HTML fayllari bilan bir xil papkada saqlanishi kerak. Aytaylik, uslublar varag'i hujjati style.css deb nomlangan. Uni HTML hujjatiga ulash uchun tegdan foydalanish kerak , tashqi fayllarni ulash uchun javobgardir. Teglar orasida , quyidagilarni kiritishingiz kerak:
CSS qoidasi
CSS formatini o'rganish sintaksisni o'rganishdan boshlanishi kerak. Kaskadli uslublar jadvalida teglar, skriptlar yoki parametrlar mavjud emas. Faqat bitta qoidaga amal qilish kerak. U selektordan va uslublar blokidan iborat. Aytaylik, kaskadli uslublar jadvalidagi holat: tanasi {fon: qora; rang: oq}. Bu yerda tanani sayt tanasini bezash uchun javobgar tanlaydi; fon: qora va rang: oq xususiyatlar va ularning qiymatlari. Ular vergul bilan ajratilgan holda yoziladi. Ushbu holat saytning fonini qora va matnni oq rangga aylantiradi.