Blogger: Услуби CSS барои код дар блоги шумо
Дӯстам аз ман пурсид, ки чӣ тавр ман минтақаҳои кодро дар вуруди Blogger сохтам. Ман онро бо истифода аз теги услуб барои CSS дар қолаби Blogger худ кардам. Ин аст он чизе ки ман илова кардам:
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
: Ин як қоидаи CSS аст, ки ба HTML нигаронида шудааст<p>
унсурҳо бо номи синф "код". Ин маънои онро дорад, ки ҳама параграф бо ин синф мувофиқи хосиятҳои зерин услубӣ карда мешавад.font-family: Courier New;
: Ин амвол оилаи шрифтро ба "Courier New" муқаррар мекунад. Он шрифтеро, ки барои матн дар дохили унсурҳои мавриди ҳадаф истифода мешавад, муайян мекунад.font-size: 8pt;
: Ин хосият андозаи шрифтро ба 8 нуқта муқаррар мекунад. Матн дар дохили унсурҳои мавриди ҳадаф бо ин андозаи ҳуруф намоиш дода мешавад.border-style: inset;
: Ин хосият услуби сарҳадро ба "inset" муқаррар мекунад. Он барои сарҳад дар атрофи унсурҳои мақсаднок намуди ғарқшуда ё фишурда эҷод мекунад.border-width: 3px;
: Ин хосият паҳнои сарҳадро ба 3 пиксел муқаррар мекунад. Сарҳад дар атрофи элементҳо 3 пиксел ғафсӣ хоҳад буд.padding: 5px;
: Ин амвол ба мундариҷаи дохили унсурҳои мавриди ҳадаф 5 пиксел илова мекунад. Он фосилаи байни матн ва сарҳадро таъмин мекунад.background-color: #FFFFFF;
: Ин хосият ранги заминаро ба сафед (#FFFFFF) муқаррар мекунад. Мундариҷа дар дохили унсурҳои мақсаднок заминаи сафед дорад.line-height: 100%;
: Ин хосият баландии сатрро ба 100% андозаи шрифт муқаррар мекунад. Он кафолат медиҳад, ки сатрҳои матн мувофиқи андозаи шрифт ҷойгир карда шаванд.margin: 10px;
: Ин амвол дар атрофи тамоми элемент маржаи 10 пиксел илова мекунад. Он фосилаи байни ин элемент ва дигар унсурҳои саҳифаро таъмин мекунад.
Рамзи CSS-и пешниҳодшуда услубро барои параграфҳои HTML бо синфи "код" муайян мекунад. Он шрифт, андозаи ҳарф, услуби сарҳад, паҳнои сарҳад, пуркунӣ, ранги замина, баландии сатр ва маржаро барои ин параграфҳо муқаррар мекунад. Ин услубро метавон ба порчаҳои рамзӣ ё матни қаблан форматшуда дар як пости Blogger татбиқ кард, то ба онҳо намуди мушаххас диҳад.
Ин аст, ки он чӣ гуна хоҳад буд:
p.code {
font-family: Courier New;
андозаи шрифт: 8pt;
услуби сарҳадӣ: дохил;
паҳнои сарҳад: 3px;
пур кардан: 5px;
ранги замина: #FFFFFF;
баландии хат: 100%;
маржа: 10px;
}
Рамзгузории хушбахт!