CSS3 da fon rang va rangli tasvirlar bilan ishlash qoidalari

CSS3da fon rang va rangli tasvirlar bilan ishlash qoidalari Rеja: 1. Web sahifa yaratishda CSS da asosiy fon va rang uchun javob beradigan stil xususiyatlari 2. Web sahifaga rasm qo'yish tegi va uning tavsifi; 3. CSS3da fon, rang va rangli tasvirlar bilan ishlashga doir misollar. CSS orqali web sahifa fonini o'zgartirish va rang berish ishlarni HTML orqali ham qilish mumkin, lekin bu darajadagi fonlarni chiqarish qiyinchilik tug'diradi. Shuning uchun web sahifa yaratishda HTML gippermatn tili va CSS stil xususiyatilari aralashtirib ishlatiladi, shu tariqa birini kamchiligini biri yopadi. CSS da asosiy fon va rang uchun javob beradigan stil xususiyatlari quyidagilardan iborat: - color; - background-color; - background-image; - background-repeat; - background-attachment; - background-position; - background. Bu stil xususiyatlarini birma-bir ko'rib chiqamiz. Color - u yoki bu elementga rang berish uchun ishlatiladi, misol uchun, hamma paragraf teglari qizil rangda, barcha h1 teglar qora rangda bo'lish kerak bo'lsa, quyidagicha stil beriladi. Rang1 pcolor:red h1color:black Qora Qizil Qayerda bu teglar ishlatilsa, shu tegga mos holda stillar ham ishlaydi, natijani ko'ramiz: Background-color- biror element yoki butun veb sahifa foniga rang berish. HTML dagi bgcolordan farqli ravishda, bu stil xususiyati istalgan element foniga rang berish mumkin: havolalarga, paragraflarga, jadvallarga, Misol ko'ramiz, butun sahifa foniga va barcha H3teglari foniga rang beramiz. Rang2 bodybackground-color:gray h3color:orange Fongini rangini qara, daxshatu a! Rang berishda odatagidek rang nomi(ingliz tilida) yoki 16 lik sanoq tizimda berish lozim endi natijani ko'ramiz: Background-image- sahifa foni sifatida biror rasmni qo'yish, nafaqat sahifa boshqa elementlarga ham qo'yish mumkin, faqat yaxshi chiqmasligi ehtimoli katta. Misol ko'ramiz, Rang3 body background-image: url(bum.jpg); Background-repeat- qaytarilishni amalga oshirish. Agar yuqoridagi misolga e'tibor bergan bo'lsangiz, kichik rasmlar yuqori chap burchak bo'lab qaytarilib takrorlanmoqda va shu tariqa butun web sahifa foni rasmga to'lmoqda. Background-repeatshu qaytarilishni boshqara oladi. Bu stil xususiyatining quyidagi qiymatlari mavjud: Background-repeat: repeat-x; - gorizontal bo'yicha qaytarilish. Background-repeat: repeat-y; - vertikal bo'yicha qaytarilish. Background-repeat: repeat; - vertikal va gorizontal bo'yicha qaytarilish. Background-repeat: no-repeat; - qaytarilishni amalga oshmaydi. Bunday xususiyatlar HTML gippermatn tilida mavjud emas. Keling misol ko'ramiz, BODY background-image: url(bum.jpg); background-repeat: repeat-x; Fon sifatida tanlangan rasm, faqat gorizontal bo'yicha takrorlanadi. Background-attachment- agar fon sifatida rasm bo'lsa, bu stil xususiyati o'rnatiladi. Bunda, agar sahifada o'tkazgich(prokrutka)bo'lsa, fon rasmi ham o'tish kerak yoki fon rasmi sahifaga qotirib qo'yilishi kerakligi ko'rsatiladi. Qiymatlari: scroll - fon sifatida ...