Content Marketing

Blogger: CSS stíll fyrir kóða á blogginu þínu

Vinur spurði mig hvernig ég gerði kóðasvæðin í Blogger færslunni. Ég gerði það með því að nota stílmerki fyrir CSS í Blogger sniðmátinu mínu. Hér er það sem ég bætti við:

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: Þetta er CSS regla sem miðar á HTML <p> þættir með flokksheitinu „kóði“. Það þýðir að sérhver málsgrein með þessum flokki verður stíluð í samræmi við eftirfarandi eiginleika.
  2. font-family: Courier New;: Þessi eign stillir leturfjölskylduna á „Courier New“. Það tilgreinir leturgerðina sem verður notuð fyrir textann innan markþáttanna.
  3. font-size: 8pt;: Þessi eiginleiki stillir leturstærð á 8 stig. Textinn innan markhópanna mun birtast í þessari leturstærð.
  4. border-style: inset;: Þessi eiginleiki stillir ramma stílinn á „innfellt“. Það skapar niðursokkið eða pressað útlit fyrir landamærin í kringum markhópa.
  5. border-width: 3px;: Þessi eiginleiki stillir rammabreiddina á 3 pixla. Ramminn í kringum þættina verður 3 pixlar á þykkt.
  6. padding: 5px;: Þessi eiginleiki bætir við 5 pixlum af fyllingu í kringum innihaldið inni í markhópunum. Það gefur bil á milli texta og ramma.
  7. background-color: #FFFFFF;: Þessi eiginleiki setur bakgrunnslitinn á hvítan (#FFFFFF). Efnið innan markhópanna mun hafa hvítan bakgrunn.
  8. line-height: 100%;: Þessi eiginleiki stillir línuhæðina á 100% af leturstærðinni. Það tryggir að textalínum sé dreift í samræmi við leturstærð.
  9. margin: 10px;: Þessi eiginleiki bætir við 10 pixlum spássíu um allan þáttinn. Það veitir bil á milli þessa þáttar og annarra þátta á síðunni.

Meðfylgjandi CSS kóða skilgreinir stíl fyrir HTML málsgreinar með bekknum „kóða“. Það stillir leturgerð, leturstærð, landamærastíl, rammabreidd, fyllingu, bakgrunnslit, línuhæð og spássíu fyrir þessar málsgreinar. Hægt er að nota þennan stíl á kóðabúta eða forsniðinn texta í Blogger-færslu til að gefa þeim ákveðið útlit.

Svona mun það líta út:

p.kóði {
font-family: Courier New;
leturstærð: 8pt;
landamærastíll: innfelldur;
jaðarbreidd: 3px;
padding: 5px;
bakgrunnslitur: #FFFFFF;
línuhæð: 100%;
framlegð: 10px;
}

Gleðilega kóðun!

Douglas Karr

Douglas Karr er CMO af OpenINSIGHTS og stofnandi Martech Zone. Douglas hefur hjálpað tugum farsælra MarTech sprotafyrirtækja, hefur aðstoðað við áreiðanleikakönnun yfir $5 milljarða í kaupum og fjárfestingum Martech og heldur áfram að aðstoða fyrirtæki við að innleiða og gera sjálfvirkan sölu- og markaðsáætlanir sínar. Douglas er alþjóðlega viðurkenndur stafrænn umbreytingu og MarTech sérfræðingur og ræðumaður. Douglas er einnig útgefinn höfundur Dummie's guide og bók um leiðtogaviðskipti.

tengdar greinar

Til baka efst á hnappinn
Loka

Auglýsingablokk greind

Martech Zone er fær um að útvega þér þetta efni að kostnaðarlausu vegna þess að við afla tekna af síðunni okkar með auglýsingatekjum, tengdatenglum og kostun. Okkur þætti vænt um ef þú myndir fjarlægja auglýsingablokkann þinn þegar þú skoðar síðuna okkar.