My first styled page

Ona element hususiyatini me’ros olish ga misol

misol tegi uchun - u

ning ichida joylashgan - stil belgilaydi : H1 I {color:green}

Misoldan ko’rinib turibdi-ki kontekst selektor probel(bo’sh joy) dan keyin yoziladi va

tegi ichiga joylashgan barcha teglar yashil rang oladi.

Bundan tashqari birnecha selektorlarni birlashtirish mumkin:

H1 I, P B {color:green}

Sinflar va selektor sifatida ishlatilgan id

Oldingi misollarda stillarning qoidalari tayin teg(selektor)ga belgilanar edi. Qulaylikni oshirish maqsadida o’z sinflaringizni yaratish va ularga stillar belgilash mumkin. Avvalo sinf uchun nom ko’rsatiladi, nom nuqtadan, id nom esa # dan boshlanadi:

#content { /* deklarasiyalar */ }

.details { /* deklarasiyalar */ }

Ikkita misol ko’raylik.

1. Sahifadagi ixtiyoriy tegga berish mumkin bo’lgan ixtiyoriy sinf yaratish:

.style1 {color : #0000SS}

#style2 {color : #SS0000}

Bu yorda style1 va style2 – mos ravishda sinf va id nomlari. Ularga istalgan so’zlarni ishlatish mumkin. Bu yaratilgan sinflardan foydalanib sarlavha yaratish uchun class va id atributlarini qo’shamiz: