Inhalt Marketing

Blogger: CSS Style fir Code op Ärem Blog

E Frënd huet mech gefrot wéi ech d'Code Regiounen am Blogger Entrée gemaach hunn. Ech hunn et gemaach mat engem Style Tag fir CSS a mengem Blogger Template. Hei ass wat ech derbäigesat hunn:

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: Dëst ass eng CSS Regel déi HTML zielt <p> Elementer mam Klass Numm "Code". Et heescht datt all Paragraphe mat dëser Klass no de folgenden Eegeschaften styléiert gëtt.
  2. font-family: Courier New;: Dëse Besëtz setzt d'Schrëftfamill op "Courier New." Et spezifizéiert d'Schrëft, déi fir den Text an den gezielten Elementer benotzt gëtt.
  3. font-size: 8pt;: Dëse Besëtz setzt d'Schrëftgréisst op 8 Punkten. Den Text an den geziilten Elementer gëtt bei dëser Schrëftgréisst ugewisen.
  4. border-style: inset;: Dëse Besëtz setzt de Grenzstil op "inset". Et erstellt e versenkt oder gedréckt Erscheinungsbild fir d'Grenz ronderëm déi gezielte Elementer.
  5. border-width: 3px;: Dëse Besëtz setzt d'Grenzbreet op 3 Pixel. D'Grenz ronderëm d'Elementer wäert 3 Pixel déck sinn.
  6. padding: 5px;: Dëse Besëtz füügt 5 Pixel Padding ronderëm den Inhalt an de gezielte Elementer. Et bitt Distanz tëscht dem Text an der Grenz.
  7. background-color: #FFFFFF;: Dëse Besëtz setzt den Hannergrondfaarf op wäiss (#FFFFFF). Den Inhalt an de gezielte Elementer wäert e wäissen Hannergrond hunn.
  8. line-height: 100%;: Dëse Besëtz setzt d'Linn Héicht op 100% vun der Schrëftgréisst. Et garantéiert datt d'Textlinnen no der Schrëftgréisst opgedeelt sinn.
  9. margin: 10px;: Dëse Besëtz füügt e Spillraum vun 10 Pixel ëm dat ganzt Element. Et bitt Abstand tëscht dësem Element an aner Elementer op der Säit.

De geliwwert CSS Code definéiert e Stil fir HTML Abschnitter mat der Klass "Code". Et setzt d'Schrëft, d'Schrëftgréisst, d'Grenzstil, d'Grenzbreet, d'Padding, d'Hannergrondfaarf, d'Zeilhéicht an d'Margin fir dës Abschnitter. Dëse Stil kann op Code Snippets oder virformatéierten Text an engem Blogger Post applizéiert ginn fir hinnen e spezifescht Erscheinungsbild ze ginn.

Hei ass wéi et wäert ausgesinn:

p.code {
Schrëftfamill: Courrier New;
Schrëftgréisst: 8pt;
Grenz-Stil: inset;
Grenz-Breet: 3px;
padding: 5px;
Hannergrondfaarf: #FFFFFF;
Linn-Héicht: 100%;
Spillraum: 10px;
}

Happy Kodéierung!

Douglas Karr

Douglas Karr ass CMO vun OpenINSIGHTS an de Grënner vun der Martech Zone. Den Douglas huet Dosende vun erfollegräiche MarTech Startups gehollef, huet an der Due Diligence vun iwwer $ 5 Bill bei Martech Acquisitioune an Investitiounen gehollef, a weider fir Firmen ze hëllefen fir hir Verkafs- a Marketingstrategien ëmzesetzen an ze automatiséieren. Den Douglas ass en international unerkannten digitale Transformatioun a MarTech Expert a Spriecher. Den Douglas ass och e publizéierten Auteur vun engem Dummie's Guide an e Business Leadership Buch.

Verbonnen Artikelen

Zréck erop zum Knäppchen
Zoumaachen

Adblock entdeckt

Martech Zone ass fäeg Iech dësen Inhalt ouni Käschten ze liwweren, well mir eise Site monetiséieren duerch Ad-Recetten, Partnerlinks a Sponsoren. Mir géifen appreciéieren wann Dir Är Annonce Blocker ewechzehuelen géif wéi Dir eise Site Vue.