css ga kirish. css bilan html hujjatni bog'lash. selektorlar turlari. o'lchov birliklari.

PPTX 45 sahifa 721,7 KB Bepul yuklash

45 sahifa

FaylHub.uz

Telegram orqali yuklab olish

Hajm 721,7 KB

Fayl turi PPTX

Sahifalar 45

Yangilangan Dek 2025

Sahifa ko'rinishi (5 sahifa)

Pastga aylantiring 👇

1 / 45

html ga kirish css ga kirish. selektorlar turlari. o'lchov birliklari. reja: css ga kirish. css bilan html hujjatni bog'lash. selektorlar turlari. o'lchov birliklari. 2 css ga kirish 3 css – cascading style sheets (kaskadli stillar jadvali) css – html elementlarni brouzerda qanday kerakligini tasvirlaydi. css – veb hujjatning tashqi ko'rinishini shakllantiruvchi formal til hisoblanadi. css – veb sahifaning yozilgan kodi hajmini qisqartirish va uni o'qishni osonlashtirish imkoniyatini beradi. css versiyalari 4 css1 css3 css2 css4 1996 y. 1998 y. 1999 2011 css bilan html hujjatni bog'lash 5 inline css internal css veb-sahifaning head qismida style elementi ichida css xususiyatlarni berish: external css veb-sahifaning head qismida tashqi css faylga murojaat qilinadi; tashqi css fayl .css kengaytmaga ega bo'ladi. o'rnatilgan css – html element ichidagi style atributida css xususiyatlarini qo'llash maqsadida foydalaniladi: example p { background-color: #ffff00; } css sintaksisi css da qoidalarni berish sintaksisi selektorlar va figurali qavs ichida stillarni e'lon …

2 / 45

qoidalar; } 10 oddiy selektorlar css element selektori: div { text-align: center; color: blue; } 1-blok tegi 2-blok tegi element { css qoidalar; } 11 oddiy selektorlar css elementlar selektori: h1, p { background-color: red; } heading text content-1. element, element { css qoidalar; } 12 oddiy selektorlar css universal selektori: * { text-align: center; color: red; } blok tegi xatboshi tegi * { css qoidalar; } 13 kombinatsiyalashgan selektorlar kombinatsiyalashgan selektorlarda html teglarga quyidagilardan biri orqali murojaat qilinib, css xususiyatlar o'rnatiladi: selektor turi misol izoh element element div p avlod selektori tegi ichidagi barcha teglarini tanlash element>element div > p farzand (child) selektori birinchi ajdod tegi bo'lgan barcha teglarini tanlash element+element div + p qo'shni selektorlar tegidan keyin joylashgan barcha teglarini tanlash element1~element2 p ~ ul umumiy qo'shni selektorlar tegidan keyin joylashgan barcha teglarini tanlash 14 kombinatsiyalashgan selektorlar css element element selektori div p { background-color: yellow; } paragraph …

3 / 45

ilangan qismlariga stil berishda foydalaniladi: element kontentining birinchi harfi, birinchi qatoriga stil berish; html element kontentidan oldin yoki keyin boshqa kontent qo'shish. selector::pseudo-element { property:value; } 19 psevdo-elementlar selektori selektor turi misol izoh ::after p::after har bir tegidagi kontentdan keyin biror yangi kontent qo'shish ::before p::before har bir tegidagi kontentdan oldin biror yangi kontent qo'shish ::first-letter p::first-letter har bir tegidagi birinchi harfni tanlash ::first-line p::first-line har bir tegidagi birinchi qatorni tanlash ::selection p::selection foydalanuvchi tomonidan belgilangan kontent qismni tanlash 20 psevdo-elementlar selektori ::after psevdo-elementi: ::after { css qoidalar; } p::after { content: " - remember this"; background-color: yellow; color: red; font-weight: bold; } my name is farrux i live in navoiy 21 psevdo-elementlar selektori ::before psevdo-elementi: ::before { css qoidalar; } p::before { content: "read this -"; background-color: yellow; color: red; font-weight: bold; } my name is farrux i live in navoiy 22 psevdo-elementlar selektori ::first-letter psevdo-elementi: ::first-letter { css …

4 / 45

psevdo-elementlar selektori ::first-line psevdo-elementi: ::first-line bilan quyidagi css xususiyatlarni o'rnatish mumkin: 26 font xususiyatlari rang xususiyatlari so'z oraliqlari harf oraliqlari orqa fon xususiyatlari vertikal tekislanish text-decoration text-transform line-height clear psevdo-elementlar selektori ::selection psevdo-elementi: ::selection{ css qoidalar; } ::-moz-selection { /* code for firefox */ color: red; background: aqua; } ::selection { color: red; background: aqua; } select some text on this page: this is a paragraph. this is some text in a div element. 27 psevdo-sinflar selektori psevdo-elementlar selektorlaridan html elementning maxsus holatlarida stil berishda foydalaniladi: foydalanuvchi sichqoncha tugmasini element ustiga olib kelganda stil berish; tashrif buyurilgan va tashrif buyurilmagan har xil havolalarga stil berish; html elementning fokus holatida stil berish. selector:pseudo-class { property:value; } 28 psevdo-sinflar selektori selektor nomi misol :active a:active :link a:link :hover a:hover :visited a:visited :checked input:checked :disabled input:disabled :empty p:empty :enabled input:enabled :first-child p:first-child :first-of-type p:first-of-type :focus input:focus :in-range input:in-range :invalid input:invalid :lang(language) p:lang(it) :last-child …

5 / 45

holat */ a:hover { color: #ff00ff; } /* tanlangan havola*/ a:active { color: #0000ff; } 30 psevdo-sinflar selektori :first-child psevdo-sinfi: p:first-child { background-color: yellow; } this paragraph is the first child of its parent (body). welcome to my homepage this paragraph is not the first child of its parent. this paragraph is the first child of its parent (div). this paragraph is not the first child of its parent. 31 :first-child { css qoidalar; } psevdo-sinflar selektori :first-child psevdo-sinfi: p i:first-child { color: blue; } i am a strong person. i am a strong person. i am a strong person. i am a strong person. i am a strong person. i am a strong person. 32 :first-child { css qoidalar; } psevdo-sinflar selektori :first-child psevdo-sinfi: p:first-child i { color: blue; } i am a strong person. i am a strong person. i am a strong person. i am a strong …

Ko'proq o'qimoqchimisiz?

Barcha 45 sahifani Telegram orqali bepul yuklab oling.

To'liq faylni yuklab olish

"css ga kirish. css bilan html hujjatni bog'lash. selektorlar turlari. o'lchov birliklari." haqida

html ga kirish css ga kirish. selektorlar turlari. o'lchov birliklari. reja: css ga kirish. css bilan html hujjatni bog'lash. selektorlar turlari. o'lchov birliklari. 2 css ga kirish 3 css – cascading style sheets (kaskadli stillar jadvali) css – html elementlarni brouzerda qanday kerakligini tasvirlaydi. css – veb hujjatning tashqi ko'rinishini shakllantiruvchi formal til hisoblanadi. css – veb sahifaning yozilgan kodi hajmini qisqartirish va uni o'qishni osonlashtirish imkoniyatini beradi. css versiyalari 4 css1 css3 css2 css4 1996 y. 1998 y. 1999 2011 css bilan html hujjatni bog'lash 5 inline css internal css veb-sahifaning head qismida style elementi ichida css xususiyatlarni berish: external css veb-sahifaning head qismida tashqi css faylga murojaat qilinadi; tashqi css fayl .css keng...

Bu fayl PPTX formatida 45 sahifadan iborat (721,7 KB). "css ga kirish. css bilan html hujjatni bog'lash. selektorlar turlari. o'lchov birliklari."ni yuklab olish uchun chap tomondagi Telegram tugmasini bosing.

Teglar: css ga kirish. css bilan html h… PPTX 45 sahifa Bepul yuklash Telegram