Css3 Darslari

CSS 2-dars 3-qism Float// List // Table //

Pseudo-class ->Elementning maxsus holatini aniqlash uchun psevdo-klass ishlatiladi. // pseudo classlarni linklarda o’rganib o’tdik // p:first-child{} - > p teglarining birinchisini belgilab beradi.. P:nth-child(#) ->p teglarining tartib raqami orqali toppish va stillash Pseudo-element ->CSS psevdo-elementi elementning belgilangan qismlarini stillash uchun ishlatiladi. P::first-line{} -> p tegi tarkibidagi textning birinchi qatorini stillash ; p::first-letter{} -> p tegi tarkibidagi textning birinchi so’zidagi bosh harfni stillash ; p::before{ content : ‘something’ }; -> p dan oldin joylashtirish kontentni ; content: url(); p::after{content : ‘something’ ;} ->p dan keyin joylashishni belgilab beradi; content: url(); ::selection{} -> saytimizdagi textlarni belgilagandagi holatni stillash;

CSS 3-dars 1-qism Pseudo class // Pseudo element //

a[target]{} – target attributeini stillashiimiz mumkin bo’ladi ; a[target = “_blank”] {} faqat target qiymati _blank bo’lgan teglarni stillashimiz mumkin bo’ladi ; a[title ~=“flower”] {} title qiymatini dasturchining o’zi qo’ygani uchun bu yerda stillash shu shaklda bo’lishi kerak ; p[class| = ‘top]{} top bilan boshlanadigan classlarni stillash uchun ishlatiladi ; (topcontent– bu ) p[class ^ = “top”] {} “top” bilan boshlanadigan hamma classlarni stillash uchun p[class$=‘test’]{} test classi bilan tugagan barcha elementlarni stilllash uchun ishlatiladi ; p[class* = ‘t’] {} ‘t’ dan iborat barcha classlarni stillash uchun ishlatiliadi; Counter -- counter-reset: ; yangi element counter hosil qilish uchun ishlatiladi ; counter-increment – bu yuqoridagi elementni :before yoki :afterga qo’yilgandagi holatda chaqirib olinadi ; va content: ‘birorta name” counter(yuqoridagi element) “:”; Math Function calc () – width va height uchun ishlatiladi asosan umumiy width (100%) dan qanchadir qismini olib tashlash uchun ishlatiladi ; max() – width va height uchun ishlatiladi asosan berilayotgan kontentni maksimal qiymati hisoblanadi min() -- width va height uchun ishlatiladi asosan berilayotgan kontentni minimum qiymati hisoblanadi