2-Amaliy ish Mavzu: css da selektorlar. Css xususiyatlari. Css3 da effektlar, transformasiya, animasiya. Ishdan maqsad

2-Amaliy ish
Mavzu: CSS da selektorlar. CSS xususiyatlari. CSS3 da effektlar, transformasiya, animasiya.
Ishdan maqsad:
CSS ni HTML hujjatga bog‘lashni o‘rganish. CSS tuzilishi va imkoniyatlarini o‘rganish.
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 CSS texnologiyasi yordamida teglar uchun stil yaratish mumkin. Ya’ni stil jadvallarida web-sahifaning brauzer darchasidagi ko‘rinishini aniqlash mumkin.
W3C standartida «1 va 2 bosqich stillarining kaskad jadvallari» (cascading style sheets level 1, 2, CSSI, CSS2) degan atamalar ishlatiladi.
Stil jadvallarining ustunliklari:

1. 
   Stil jadvallari sahifaning mantiqiy tuzilmasini vizual ko‘rinishidan ajratish imkonini beradi, axir HTML tili hujjat tuzilmasini belgilash uchun yaratilgan-ku!
   
2. 
   Yaratilgan stillar jadvali saytning barcha sahifalariga qo‘llanishi va butun sayt bo‘yicha ko‘rinish birligi ta’minlanadi.
   
3. 
   Agar sayt bitta stil asosida yaratilgan bo‘lsa, u xolda stillar jadvaliga kiritilgan har bir o‘zgarish barcha sahifalarda shunga mos o‘zgarishlar yuzaga keltiradi, ya’ni sahifama-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.