Blogger: Blogingizdagi kod uchun CSS uslubi
Bir do'stim mendan Bloggerga kirishda kod mintaqalarini qanday qilganimni so'radi. Men buni Blogger shablonimdagi CSS uchun uslub tegidan foydalangan holda qildim. Mana nima qo'shdim:
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
: Bu HTMLni maqsad qilgan CSS qoidasi<p>
"kod" sinf nomiga ega elementlar. Bu shuni anglatadiki, ushbu sinfga ega har qanday paragraf quyidagi xususiyatlarga ko'ra uslublanadi.font-family: Courier New;
: Bu xususiyat shriftlar oilasini "Courier New" ga o'rnatadi. U maqsadli elementlar ichidagi matn uchun ishlatiladigan shriftni belgilaydi.font-size: 8pt;
: Bu xususiyat shrift hajmini 8 nuqtaga o'rnatadi. Maqsadli elementlar ichidagi matn ushbu shrift o'lchamida ko'rsatiladi.border-style: inset;
: Bu xususiyat chegara uslubini "inset" ga o'rnatadi. Maqsadli elementlar atrofidagi chegara uchun cho'kib ketgan yoki bosilgan ko'rinish hosil qiladi.border-width: 3px;
: Bu xususiyat chegara kengligini 3 pikselga o'rnatadi. Elementlar atrofidagi chegara 3 piksel qalinlikda bo'ladi.padding: 5px;
: Bu xususiyat maqsadli elementlar ichidagi kontent atrofida 5 piksel toʻldirishni qoʻshadi. Bu matn va chegara orasidagi masofani ta'minlaydi.background-color: #FFFFFF;
: Bu xususiyat fon rangini oq rangga o'rnatadi (#FFFFFF). Maqsadli elementlar ichidagi kontent oq fonga ega bo'ladi.line-height: 100%;
: Bu xususiyat chiziq balandligini shrift hajmining 100% ga o'rnatadi. Matn satrlari shrift o'lchamiga qarab joylashishini ta'minlaydi.margin: 10px;
: Bu xususiyat butun element atrofida 10 piksellik chegara qo'shadi. U ushbu element va sahifadagi boshqa elementlar orasidagi masofani ta'minlaydi.
Taqdim etilgan CSS kodi "kod" sinfiga ega HTML paragraflari uchun uslubni belgilaydi. U ushbu paragraflar uchun shrift, shrift o'lchami, chegara uslubi, chegara kengligi, to'ldirish, fon rangi, chiziq balandligi va chetini o'rnatadi. Bu uslubni kod parchalari yoki Blogger postidagi oldindan formatlangan matnga oʻziga xos koʻrinish berish uchun qoʻllash mumkin.
Bu shunday ko'rinadi:
p.kod {
font-family: Courier New;
shrift o'lchami: 8pt;
chegara uslubi: inset;
chegara kengligi: 3px;
padding: 5px;
fon rangi: #FFFFFF;
chiziq balandligi: 100%;
chegara: 10 piksel;
}
Baxtli kodlash!