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;
: Гэта ўласцівасць задае стыль рамкі «ўстаўка». Гэта стварае паглыблены або ўціснуты выгляд мяжы вакол мэтавых элементаў.border-width: 3px;
: Гэта ўласцівасць задае шырыню мяжы ў 3 пікселя. Рамка вакол элементаў будзе мець таўшчыню 3 пікселя.padding: 5px;
: Гэта ўласцівасць дадае 5 пікселяў запаўнення вакол кантэнту ўнутры мэтавых элементаў. Ён забяспечвае інтэрвал паміж тэкстам і рамкай.background-color: #FFFFFF;
: Гэта ўласцівасць усталёўвае белы колер фону (#FFFFFF). Змест мэтавых элементаў будзе мець белы фон.line-height: 100%;
: Гэта ўласцівасць усталёўвае вышыню радка на 100% ад памеру шрыфта. Гэта гарантуе, што радкі тэксту размешчаны ў адпаведнасці з памерам шрыфта.margin: 10px;
: Гэта ўласцівасць дадае поле ў 10 пікселяў вакол усяго элемента. Ён забяспечвае адлегласць паміж гэтым элементам і іншымі элементамі на старонцы.
Прадстаўлены код CSS вызначае стыль для абзацаў HTML з класам «код». Ён усталёўвае шрыфт, памер шрыфта, стыль рамкі, шырыню рамкі, запаўненне, колер фону, вышыню радка і поле для гэтых абзацаў. Гэты стыль можа быць ужыты да фрагментаў кода або папярэдне адфарматаванага тэксту ў паведамленні Blogger, каб надаць ім спецыфічны выгляд.
Вось як гэта будзе выглядаць:
p.code {
сямейства шрыфтоў: Courier New;
памер шрыфта: 8pt;
бардзюрны стыль: урэзка;
шырыня мяжы: 3px;
абіўка: 5px;
колер фону: #FFFFFF;
вышыня лініі: 100%;
запас: 10px;
}
Шчаслівае кадаванне!