Playing with Inline Styles


Download 0.86 Mb.
Sana08.01.2023
Hajmi0.86 Mb.
#1084521
Bog'liq
lab4


AXBOROT TEXNOLOGIYALARI VA KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI
Multimediya texnologiyalari kafedrasi
Veb dasturlashga kirish fanidan


AMALIY ISH №4
Mavzu: CSS bilan HTML hujjatni bog‘lash usullari. CSS sintaksisi. Selektorlar turlari.

Bajardi: 241\21-guruh talabasi


Qo’ziyev Nodirbek
Tekshirdi: Rayimqulov O’rol
TOSHKENT – 2022


Nazariy qism.
CSS ni qo'shishni 3 xil yo'li mavjud bo'lib ular quyidagilar:

Tashqi dizayn orqali


Tashqi dizayn orqali siz o'z veb sahifangizni ko'rinishini oddiygina bitta faylni o'zgartirish orqali amalga oshirasiz. Buning uchun har bir veb-sahifada tashqi dizayn uchun "file link" elementi orqali chaqirilgan bo'lishi kerak. elementni bo'limini ichida yuritiladi.

Namuna:





Ushbu fayl biror bir matn muharririda yozilgan bo'lishi, unda hech qanaqa html teglari ishlatilmasligi va .css bilan saqlangan bo'lishi kerak. Quyida siz &blockquote;meningdizaynim.css&blockquote; fayl bilan tanishasiz.

Namuna:


body {
background-color: lightblue;
}

h1 {
color: navy;


margin-left: 20px;
}

Ichki dizayn orqali


Biror bir veb sahifaga o'ziga xos dizayn bermoqchi bo'lsak, ichki dizayndan foydalanganimiz qulay. Buning uchun barcha yoziladigan kodlar

Ichki qator orqali


Ichki qator orqali biz veb-sahifadagi aynan biror elementga o'ziga xos ko'rinish berish uchun ishlatamiz.

Namuna:


Bu Sarlavha




Amaliy qism.


1.



Playing with Inline Styles


I'm a big, blue, strong paragraph



This is a heading

This is a paragraph.


External Styles

Allow you to define styles for the whole website.


This has a style applied via a class.


Every paragraph will be affected by the style.


Me too!

And me!

Hello World!


This paragraph is not affected by the style.




Red and center-aligned heading

Red and center-aligned paragraph.










Red and center-aligned heading

Red and center-aligned paragraph.




Hello world!


Every element on the page will be affected by the style.


Me too!

And me!

Hello World!


Smaller heading!

This is a paragraph.





Download 0.86 Mb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling