Змест маркетынгу

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

Прадстаўлены код CSS вызначае стыль для абзацаў HTML з класам «код». Ён усталёўвае шрыфт, памер шрыфта, стыль рамкі, шырыню рамкі, запаўненне, колер фону, вышыню радка і поле для гэтых абзацаў. Гэты стыль можа быць ужыты да фрагментаў кода або папярэдне адфарматаванага тэксту ў паведамленні Blogger, каб надаць ім спецыфічны выгляд.

Вось як гэта будзе выглядаць:

p.code {
сямейства шрыфтоў: Courier New;
памер шрыфта: 8pt;
бардзюрны стыль: урэзка;
шырыня мяжы: 3px;
абіўка: 5px;
колер фону: #FFFFFF;
вышыня лініі: 100%;
запас: 10px;
}

Шчаслівае кадаванне!

Douglas Karr

Douglas Karr з'яўляецца CMO кампаніі OpenINSIGHTS і заснавальнік ст Martech Zone. Дуглас дапамог дзясяткам паспяховых стартапаў MarTech, аказаў дапамогу ў належнай абачлівасці больш чым на 5 мільярдаў долараў у набыцці і інвестыцыях Martech і працягвае дапамагаць кампаніям у рэалізацыі і аўтаматызацыі іх продажаў і маркетынгавых стратэгій. Дуглас - міжнародна прызнаны эксперт і дакладчык па лічбавай трансфармацыі і MarTech. Дуглас таксама з'яўляецца апублікаваным аўтарам даведніка па манекенах і кнігі па бізнес-кіраўніцтву.

Артыкулы па Тэме

Вярнуцца да пачатку кнопкі
блізка

Выяўлена блакіроўка рэкламы

Martech Zone можа даць вам гэты кантэнт бясплатна, таму што мы манетызуем наш сайт за кошт даходаў ад рэкламы, партнёрскіх спасылак і спонсарства. Мы былі б удзячныя, калі б вы выдалілі блакіроўшчык рэкламы пры праглядзе нашага сайта.