Css texnologiyalari bilan tanishish

Css texnologiyalari bilan tanishish

Css texnologiyasi ishlatilishi

• Link- bu toq teg hisoblanib css ni html bilan boglab berish vazifasini bajaradi
• Masalan link tegining href atributiga siz ochgan css saxifaning manzili kiritiladi
• selecterlar
• id- bu atribut teglarga nom berish va shu nom orqali unga murojat qilish imkonini beradi va id larda berilgan bitta nomni boshqa id orqali berish mumkin emas
• Class-bu atributxam malumotlarga nom berish uchun ishlatiladi id dan farqI bitta tegga berilgan nomni qaytib boshqa tegdaham ishlatib ketish imkoniga ega boladi
• Tag-bu malumot kiritilishi uchun moljallangan kodlar hisoblanadi

Selectlarning darajalanishi bor yani

• Selectlarning darajalanishi bor yani
• Tag 1 achko beradi
• Class 10 achko beradi
• Id 100 achko beradi
• Style 1000 achko beradi
• Ani classdan 10tasini ichma ich chaqirsangiz gina 1 ta id dan otib ketishi mumkin

Border ishlatilishi

• Border-width-bu chegara qalinligi
• Border-color- chegara rangi
• Border-style-chegara turi solid
• Va bularni xammasini jamlab yozishimzham mumkin yani
• Border: width style color;
• Style turlari
• Double- chegarani ikki chiziqli qilib beradi
• Groove- chegarani ramka shakilda chiqarib beradi
• Dashed-uzuq uzuq chiqziq chizb beradi
• Detted- nuqta nuqta qoyib yozuib beradi
• Inset-ramka shakilda boladiyu yarmi ochiq rangda yarmi toqroq rang da ketadi
• Outset- shunga qaramaqarshi korinishda ishalaydi

• Background-color rgb( red green blue ) bu ranglar aralashmasi
• Rgba() bu bergan rangimzga shaffoflik berish uchun ishaltiladi
• Color- bu matlraga rang berish uchun ushlatiladi
• shriftlar
• Font-family – bu matnga shrift berish uchun ishlatiladi va shu matnga wortdabham hohlagan korinishmzni kopirovka qilib qoyish imkoniga ega bolamz shu buyruq yordamida
• Font- size – srift hajmi
• Font-weight lighter bold buyruqlari bor
• Font-stile- bu matnni stilini ozgartiradi italic buyrugiga oxhsash
• Font-variant- bu yozlgan matnni hammasini kata harf qilib yozib beradi

Bularning hammasini umumi holda berish imkoniham bor

• Bularning hammasini umumi holda berish imkoniham bor
• Font: style weight width family;
• Text-align- center left right justify buyruqlari bilan ishlatiladi
• Text-align-last- bu mattinning oxirgi holatini rostlab beradi
• Text-decoration –
• 1 underline matinning ostidan chizadi
• 2 overline matinning ustidan chiziq tortadi
• 3 line-trough ustidan chizb beradi matinni
• Text-decoration-color-bu chiziqlarni rangini korsatadi

Navbar qismini ishlash

• trgidan foydalanib nacbar tayorlanadi
• 1list-style-type:none bunda royxatning oldididagi nuqtalarni olib tashlaydi
• 2 Border-top chiziqni yuqorisiga chizib beradi
• 3 margin- atributini auto buyrugi bu biron vids berganimzda uni joyini ortaga olib beradi

Matinlar bilan ishlash

• 1 Letter-spacing-bu malumot harflari orasidagi masofani belgilab beradi
• 2 text-indent- (15px) bu mattinning bosh abzasiga joy tashlaydi
• 3 line-height-(15PX) bu qatorlar orasida joy tashlab beradi
• 4 opacity-0 dan 1 gacha bu malumot shaffofligini korsatib beradi