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:

Sarlavha style1 sinfi yordamida yaratilgan

Sarlavha style1 sinfi yordamida yaratilgan

Sarlavha style2 stili yordamida yaratilgan

2. Sinf va id ni tayin tegga bog’lash.
P.question {font-style : italic; color:Gray}
P.answer {font-weight : bold}
div#content {font-weight : bold; color:Red}


Psevdosinflar
CSS da psevdosinf tushunchasi mavjud. Oddiy snflardan farqli o’laroq, psevdosinf ta’siri shu stil qo’llanayotgan barcha matnga emas, uning bir qismiga va balki faqat ma’lum sharoitdagina o’tishi mumkin. Masalan murojatlar faqatgina ular ustiga ko’rsor keltirilgandagina ostiga chizilgan (va boshqa rangda) ko’rinishi holati. Stillar jadvalidagi shu holatni aks ettiruvchi fragment(bo’lak):
a { text-decoration: none; }
a:hover { text-decoration: underline; }
Yuqori satr standart tegini murojatlarning ostiga chizishni man etadigan qilib qayta aniqlash, keyingi satr esa hover psevdosinfi uchun - ko’rsor belgilab turgan paytda - murojatga mos stil belgilash.
Psevdosinfga yana bir - istalgan guruh elementiga qo’llash mumkin bo’lgan va uning birinchi harfini akslantirish stiliga oid - misol:
:first-letter
Stil jadvallarida izohlar
Bir satrli izoh:
/* Izoh matni */
Ko’p satrli izoh:
/*
stil jadvalining
bu qismida izohlar bor
*/