Css dan darslar

Sintaksisi:

CSS stil (ko’rinish) qoidalarini brouzer orqali o’z ichiga qamrab oladi va keyin hujjatdagi mos keluvchi elementlarga qo’llaniladi. Stil qoidasi 3 ta qismga bo’linadi.

Selector – HTML teg bo’lib, ko’rinishga murojaat qiladi. Bu oddiy HTML teglariga o’xshaydi misol uchun

yoki

Property – property bu HTML teglari atributi tipi. Oddiy qo’yiladi va barcha HTML atributlari CSS property(xossalari) ichiga konvertatsiya qilinadi. Bular color, border va hokazolar bo’lishi mumkin.

Value – values (qiymatlar) property (xossalar) bilan belgilanadi. Misol uchun, color xossasi ikkita holatdagi qiymatlardan biriga ega bo’lishhi mumkin. red yoki #F1F1F1 va hokazo.

CSS ko’rinishini siz quyidagi sintaksis qoidalari bilan qo’yishingiz mumkin.

Selector { property: value }

Misol: Siz jadval chegarasi o’lchamini quyidagicha o’rnatishingiz mumkin.

table { border :1px solid #C00; }

Bu yerda jadval – selector, border – property va 1 px solid #C00 – berilgan qiymat (value) hisoblanadi.

Selectorlarni turli xil o’zingizga qulay bo’lgan oddiy yo’llar bilan ta’riflay olamiz, Selectorlarni bitta bitta qo’yish jarayonini ko’rib chiqamiz.

Selector tiplari:

Bu selector biz yuqorida qaragan selector bilan bir xil. Yana, barcha birinchi darajali sarlavhalar uchun rang berishni qaraymiz.

h1 {

color: #36CFFF;

}