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

PPTX 45 pages 721.7 KB Free download

45 pages

FaylHub.uz

Download via Telegram

Size 721.7 KB

File type PPTX

Pages 45

Updated Dec 2025

Page preview (5 pages)

Scroll down 👇

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 …

Want to read more?

Download all 45 pages for free via Telegram.

Download full file

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

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...

This file contains 45 pages in PPTX format (721.7 KB). To download "css ga kirish. css bilan html hujjatni bog'lash. selektorlar turlari. o'lchov birliklari.", click the Telegram button on the left.

Tags: css ga kirish. css bilan html h… PPTX 45 pages Free download Telegram