Selektorlar turlari, css rang berish usullari, chegara, orqa fon, shrift, margin va padding xususiyatlari. Box model tushunchasi. Box model qoidalari

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

Turli xil ko'rinishli dizayn

Bulardan tashqari, yana bitta yo'l orqali css chaqirishimiz mumkin. Bu yo'l turli xil ko'rinishli dizayn bo'lib, bu yo'l orqali htmldagi aytaylik biror elementga odatdagidan boshqacharoq ko'rinish berish kerak, shu yo'l orqali biror elementga o'zi meros qilib olgan ko'rinishni o'zgartirishimiz mumkin. Tasavvur qiling tashqi ko'rish orqali

ning elementini rangi yashil deb e'lon qilingan bo'lsin.