Inhoud bemarking

Blogger: CSS-styl vir kode op jou blog

'n Vriend het my gevra hoe ek die kodestreke in Blogger-inskrywing gemaak het. Ek het dit gedoen deur 'n stylmerker vir CSS in my Blogger-sjabloon te gebruik. Hier is wat ek bygevoeg het:

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: Dit is 'n CSS-reël wat HTML teiken <p> elemente met die klasnaam "kode." Dit beteken dat enige paragraaf met hierdie klas volgens die volgende eienskappe gestileer sal word.
  2. font-family: Courier New;: Hierdie eienskap stel die fontfamilie op "Courier New." Dit spesifiseer die lettertipe wat vir die teks binne die geteikende elemente gebruik sal word.
  3. font-size: 8pt;: Hierdie eienskap stel die lettergrootte op 8 punte. Die teks binne die geteikende elemente sal by hierdie lettergrootte vertoon word.
  4. border-style: inset;: Hierdie eienskap stel die randstyl op "inset." Dit skep 'n versonke of gedrukte voorkoms vir die rand rondom die geteikende elemente.
  5. border-width: 3px;: Hierdie eienskap stel die grenswydte op 3 pixels. Die rand rondom die elemente sal 3 pixels dik wees.
  6. padding: 5px;: Hierdie eienskap voeg 5 pixels van vulling by om die inhoud binne die geteikende elemente. Dit verskaf spasiëring tussen die teks en die rand.
  7. background-color: #FFFFFF;: Hierdie eienskap stel die agtergrondkleur op wit (#FFFFFF). Die inhoud binne die geteikende elemente sal 'n wit agtergrond hê.
  8. line-height: 100%;: Hierdie eienskap stel die lynhoogte op 100% van die lettergrootte. Dit verseker dat die teksreëls volgens die lettergrootte gespasieer is.
  9. margin: 10px;: Hierdie eienskap voeg 'n marge van 10 pixels by om die hele element. Dit verskaf spasiëring tussen hierdie element en ander elemente op die bladsy.

Die verskafde CSS-kode definieer 'n styl vir HTML-paragrawe met die klas "kode." Dit stel die lettertipe, lettergrootte, randstyl, randwydte, opvulling, agtergrondkleur, lynhoogte en kantlyn vir hierdie paragrawe. Hierdie styl kan toegepas word op kodebrokkies of voorafgeformateerde teks in 'n Blogger-plasing om hulle 'n spesifieke voorkoms te gee.

Hier is hoe dit sal lyk:

p.kode {
font-familie: Courier Nuut;
lettergrootte: 8pt;
grens-styl: inlas;
randwydte: 3px;
opvulling: 5px;
agtergrond-kleur: #FFFFFF;
lynhoogte: 100%;
marge: 10px;
}

Gelukkige kodering!

Douglas Karr

Douglas Karr is CMO van Maak INSIGTE oop en die stigter van die Martech Zone. Douglas het tientalle suksesvolle MarTech-opstartondernemings gehelp, het gehelp met die omsigtigheidsondersoek van meer as $5 miljard in Martech-verkrygings en -beleggings, en gaan voort om maatskappye te help met die implementering en outomatisering van hul verkoops- en bemarkingstrategieë. Douglas is 'n internasionaal erkende digitale transformasie en MarTech deskundige en spreker. Douglas is ook 'n gepubliseerde skrywer van 'n Dummie-gids en 'n besigheidsleierskapboek.

verwante Artikels

Terug na bo knoppie
Sluiting

Advertensieblok bespeur

Martech Zone is in staat om hierdie inhoud gratis aan u te verskaf, want ons verdien ons webwerf deur advertensie-inkomste, geaffilieerde skakels en borgskappe. Ons sal dit waardeer as jy jou advertensieblokkering sal verwyder terwyl jy ons webwerf bekyk.