Xurmatli Web sahifani sabr bilan hamma html darslarini o'qib o'rgangan yurtdoshlar, barchangizga tashakkurimni bildiraman. Sizlarni tabriklasam ham bo'ladi sizlar juda muhim bo'lgan bosqichni o'tib bo'ldingiz

.listRasm { list-style-image:url(../img/common/email_yubor.png);}

list-style-position: ; Ro'yhatimizning matnga nisbatan joylashuvini belgilaydi, qiymatlari "inside" (ichki) va "outside" (tashqi) bo'lishi mumkindir. Yani matnga nisbatan ichkarida yoki tashqarida joylashishi mumkindir. HTML ning

,

,

,

,
, taglari uchun qo'llaniladi.


Browserda ko'rinishi	HTMLda kodi	CSSda kodi
Biror matn bor deb faraz qilaylik u holda quyidagi ro'yhatimiz inside holati quyidagicha Alisher Bahtiyor Bahodir Dilshod	Alisher Bahtiyor Bahodir Dilshod	.listPosition { list-style-position:inside;}



list-style-type: ; Ro'yhatimizning oldidagi nuqtalari turlarini belgilovchi property hisoblanadi.


Browserda ko'rinishi	HTMLda kodi	CSSda kodi
Alisher Bahtiyor Bahodir Dilshod	Alisher Bahtiyor Bahodir Dilshod	.listType1 { list-style-type:armenian;}
Alisher Bahtiyor Bahodir Dilshod	Alisher Bahtiyor Bahodir Dilshod	.listType2 { list-style-type:circle;}
Ushbu ikki ustunda list-style-type ning barcha qiymatlari keltirilgandir. Siz hammasini bir ma bir qo'yib bajarish funksiyalarini tekshiring.	.listType3 { list-style-type:cjk-ideographic;} .listType4 { list-style-type:decimal;} .listType5 { list-style-type:decimal-leading-zero;} .listType6 { list-style-type:disc;} .listType7 { list-style-type:georgian;} .listType8 { list-style-type:hebrew;} .listType9 { list-style-type:hiragana;} .listType10 { list-style-type:hiragana-iroha;}	.listType11 { list-style-type:katakana;} .listType12 { list-style-type:katakana-iroha;} .listType13 { list-style-type:lower-alpha;} .listType14 { list-style-type:lower-greek;} .listType15 { list-style-type:lower-latin;} .listType16 { list-style-type:lower-roman;} .listType17 { list-style-type:none;} .listType18 { list-style-type:square;} .listType19 { list-style-type:upper-alpha;} .listType20 { list-style-type:upper-latin;} .listType21 { list-style-type:upper-roman;}


Linklar
CSS kodlarini yaratishda linklar boshqa kodlardan farqliroq bo'lib a: belgisi birinchi keladi. Bu yerda a HTMLning anchor ya'ni tagi uchun degan ma'noni beradi. Buning quyida to'rt hil turi ko'rsatilingan (hammasi).


a { color: #FF6600; font-weight:bold; text-decoration:none; }	bu barcha liklar uchun berilgan umumiy CSS kodi, HTML dokumentda har qanday linkiz shu kodga asososan yasaladi. Masalan Link desangiz bu link ushbu kodlar asosidagi ranglarni va boshqa qoidalarni oladi, yani Link. Quyidagi a: bilan boshlanuvchi kodlar alohida tuzuladi va alohida CSS qoidalar yoziladi ihtiyorga qarab. Asosan ranglari holatga qarab har hil tanlanadi.
a:link { } a:visited { } a:hover { } a:active { }	oddiy, hali foydalanuvchi kirmagan link uchun foydalanuvchi allaqachon kirgan link uchun sichqoncha link ustiga borgandagi holat uchun sichqoncha link ustiga bosilgandagi holat uchun