Tatu dif 2- kurs talabasi Xurramov Otabekning
Download 330.52 Kb. Pdf ko'rish
|
shoxjaxonga
|
TATU DIF 2- kurs talabasi Xurramov Otabekning Web dasturlash fanidan bajargan amaliy ishlari Labaratoriya –4 DOCTYPE html > < html > < head > < title > Playing with Inline Styles title > head > < body > < p style = "color:green;font-size:32px;" > I'm a big, blue, < strong > WelicoDev strong > Blog p > body > html > DOCTYPE html > < html > < head > < style > body { background-color : lemonchiffon; } h1 { color : red; margin-left : 50px ; } style > head > < body > < h1 > Assalom aleykum h1 > < p > Xush kelibsizlar p > body > html > DOCTYPE html > < html > < head > < title > My Example title > < link rel = "stylesheet" href = "styles.css" > head > < body > < h1 > External Styles h1 > < p id = "intro" > Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, deserunt. p > < p class = "colorful" > Lorem ipsum dolor sit amet. p > body > html > CSS (Cascading Style Sheets)da, element tanlaychisi belgilangan stil yoki stil to'plamini qo'llash uchun veb sahifadagi elementlarni tanlash uchun ishlatiladi. Element tanlaychisi uchun sintaksisi qulay - siz tanlashni istagan HTML elementning nomini ishlatishingiz kerak. Masalan, veb sahifadagi barcha abzas elementlarini tanlash uchun quyidagi tanlaychi ishlatiladi: p { /* uslublar shu yerga yoziladi */ } Bu, sahifadagi barcha elementlarini tanlaydi va qavs ichidagi belgilangan uslublarni qo'llashni ta'minlaydi. Siz element tanlaychisini boshqa tanlaychilar bilan birlashtirib ko'proq maxsus qoidalar yaratish uchun ham ishlatishingiz mumkin. Masalan, "container" nomli sinfi bor elementning faqat to'g'ridan-to'g'ri bosqichdagi farzandlari
bo'lgan elementlarini tanlash uchun quyidagi tanlaychi ishlatiladi: div.container > p { /* uslublar shu yerga yoziladi */ } Bu faqat "container" sinfiga ega bo'lgan elementning to'g'ridan-to'g'ri
bosqichdagi farzandlari bo'lgan elementlarini tanlaydi va qavs ichidagi belgilangan uslublarni qo'llashni ta'minlaydi. Barcha tushunchalarni birlashtirib, element tanlaychilari veb sahifadagi elementlarni stilga kiritish uchun kuchli vosita sifatida xizmat qiladi va sizning dizayningizni tasvirlashda sodda va kuchli usul bo'ladi. CSS (Cascading Style Sheets)da, id tanlaychisi belgilangan stil yoki stil to'plamini, faqat bir HTML elementiga qo'llash uchun ishlatiladi. Id tanlaychisi, veb sahifadagi elementlarning yagona identifikatori bo'lgan id atributi yordamida tanlanadi. Id atributi, har qanday HTML elementiga bir martalik, yagona identifikator sifatida beriladi. Id tanlaychisi, HTML elementining id atributiga mos keladi. Id tanlaychisi sintaksisi quyidagicha: #id-nom { /* uslublar shu yerga yoziladi */ } Bu yerda, "id-nom" id atributining qiymati beriladi va qavs ichidagi belgilangan uslublarga ega bo'lgan bir tanlaychi yaratiladi. Id tanlaychilari boshqa tanlash usullari bilan ham birlashtirib ishlatish mumkin. Misol uchun, bir div elementining sinfi "container" bo'lib, uning ichida "main" nomli bir element bo'lsin. Bu elementni id atributi bilan belgilash uchun quyidagi tanlaychi ishlatiladi : ... #main { /* uslublar shu yerga yoziladi */ } Bu tanlaychi, "main" nomli elementga belgilangan uslublarni qo'llashni ta'minlaydi. Id tanlaychilari, biror HTML elementining bir marta faqat bitta tanlashni ta'minlaydi, shuning uchun har bir veb sahifadagi elementlar orasida yagona va unikal bo'lgan id atributlari foydali bo'ladi. CSS (Cascading Style Sheets)da, sinf tanlaychisi belgilangan stil yoki stil to'plamini, bitta yoki bir nechta HTML elementiga qo'llash uchun ishlatiladi. Sinf tanlaychisi, veb sahifadagi elementlarning sinflari yordamida tanlanadi. Har qanday HTML elementiga bitta yoki bir nechta sinf atributi berilishi mumkin. Sinflar, biror HTML elementlarga alohida identifikatorlar sifatida xizmat qiladi. Sinf tanlaychisi sintaksisi quyidagicha : .sinf-nom { /* uslublar shu yerga yoziladi */ } Bu yerda, "sinf-nom" sinf atributi berilgan va qavs ichidagi belgilangan uslublarga ega bo'lgan bir tanlaychi yaratilgan. Sinf tanlaychilari, boshqa tanlash usullari bilan ham birlashtirib ishlatish mumkin. Misol uchun, bir nechta HTML elementiga sinf atributi berilgan bo'lsin. Ular uchun, quyidagi tanlaychilar ishlatilishi mumkin: Download 330.52 Kb. Do'stlaringiz bilan baham: 
|