Playing with Inline Styles

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
  
• 
  Ichki dizayn orqali
  
• 
  Ichki qator orqali
  

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.

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.