Zahiriddin muhammadbobur nomidagi andijon davlat universiteti

Fon va rang.
tеgida fon xususiyatini urnatish mumkin, bu xolatda butun vеb-saxifaga tеgishli bulib koladi. Kuyidagi jadvalda fonning xumma xususiyatlari kеltirilgan:

Xususiyati	Kiymat turi	Misol
backgroun-color	Rang nomi/16 lik kiymat	White, blue, #0000FF
backgroun-image	url()	url(image.gif), url(http://www.jspi.re.uz/title.jpg)
backgroun-repeat	Rеjim nomi	Repeat, repeat-x, repeat-y, no-repeat
backgroun-attachment	Rеjim nomi	Scroll, fixed
backgroun-position	Yunalish yoki prosеnt	Top, left, center, 20%, 65%
backgroun	Kombinasiya	White ul(image.gif) repeat-x fixed

Ranglarning qabul qilishi mumkin bo’lgan qiymatlari: black, red, maroon, white, green, olive, lime, aqua, teal, blue, navy, yellow, brown, gray, silver, orange, purple va fuchsia
.

Mavzu:Selektorlar

Selektorlar - belgilangan stillarning qaysi teglarga nisbatan va qanday holatlarda qo'llanilishini aniqlab beradi.
Oldin aytib o'tganimizdek, stil belgilash tartibi quyidagicha bo'ladi:
Selektor {atribut1:mohiyat1; atribut2:mohiyat2; ...; atributN:mohiyatN;}
Stil belgilashdagi [Atribut: Mohiyat;] juftliklari bir-biridan nuqtali vergul bilan ajratiladi. Eng oxirida ";" qo'yish talab etilmaydi, lekin oxirgi juftlikni ham ";" bilan yakunlagan ma`qul. Loyihani ishlab chiqish jarayonida ba`zi hollarda stildagi parametrlarni davom ettirishga yoki nusxa olib boshqa joyga qo'yishga to'g'ri keladi, shunda xatoliklar kamroq bo'lishi mumkin.
Selektorlar turlarini ko'rib chiqamiz:
⇒ * - Belgilangan stillar barcha teglarga tegishli bo'ladi:
* { margin: 0; padding: 0 }
⇒ Teg selektor - teg nomlari ishlatiladi va belgilangan stillar shu nomdagi teglarga tegishli bo'ladi:
font { font-size: 12pt; color: green; font-family: "Times New Roman" }
⇒ Klass selektori - shu klass qo'llanilgan teglarga tegishli bo'ladi, HTML-hujjatda qaysi teglarda va necha marta ishlatilishi cheklanmaydi.
CSS da:
.class1 { font-size: 13pt; color: brown; font-family: "Corier New" }
HTML da:

class="class1">class1 stili qo'llanilgan abzatsdagi matn

Natija:
class1 stili qo'llanilgan abzatsdagi matn
⇒ #Identifikator selektor - shunday identifikatorli tegga tegishli bo'ladi. Identifikator (id) nomi unikallik talab etadi, ya`ni bir hujjatda bir nom qayta takrorlanmaydi:
CSS da:
#id1 { color: #ee6633; }
HTML da:

id="id1">id1 stili qo'llanilgan abzatsdagi matn

Natija:
id1 stili qo'llanilgan abzatsdagi matn
⇒ Guruhlangan selektorlarga ham stil belgilash mumkin. Bunda selektorlar vergul bilan ajratiladi va ko'rsatilgan stillar selektorlarning har biriga tegishli bo'ladi.
CSS da:
h1, h2, h3 { font-family: Arial; color: #ee6699;}
HTML da: