Marketing Përmbajtja

Blogger: Stili CSS për kodin në blogun tuaj

Një mik më pyeti se si i bëra rajonet e kodit në hyrjen në Blogger. E bëra duke përdorur një etiketë stili për CSS në shabllonin tim të Blogger. Ja çfarë shtova:

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: Ky është një rregull CSS që synon HTML <p> elementet me emrin e klasës "kodi". Do të thotë që çdo paragraf me këtë klasë do të stilohet sipas vetive të mëposhtme.
  2. font-family: Courier New;: Kjo veti e vendos familjen e shkronjave në "Courier New". Ai specifikon fontin që do të përdoret për tekstin brenda elementeve të synuar.
  3. font-size: 8pt;: Kjo veçori vendos madhësinë e shkronjave në 8 pikë. Teksti brenda elementeve të synuar do të shfaqet në këtë madhësi fonti.
  4. border-style: inset;: Kjo veti e vendos stilin e kufirit në "inset". Krijon një pamje të zhytur ose të shtypur për kufirin rreth elementëve të synuar.
  5. border-width: 3px;: Kjo veti vendos gjerësinë e kufirit në 3 piksele. Kufiri rreth elementeve do të jetë 3 piksel i trashë.
  6. padding: 5px;: Kjo veti shton 5 piksel mbushje rreth përmbajtjes brenda elementëve të synuar. Ai siguron hapësirë ​​midis tekstit dhe kufirit.
  7. background-color: #FFFFFF;: Kjo veti vendos ngjyrën e sfondit në të bardhë (#FFFFFF). Përmbajtja brenda elementëve të synuar do të ketë një sfond të bardhë.
  8. line-height: 100%;: Kjo veçori vendos lartësinë e rreshtit në 100% të madhësisë së shkronjave. Siguron që linjat e tekstit të jenë të ndara sipas madhësisë së shkronjave.
  9. margin: 10px;: Kjo veti shton një diferencë prej 10 pikselësh rreth të gjithë elementit. Ai siguron hapësirë ​​midis këtij elementi dhe elementëve të tjerë në faqe.

Kodi i dhënë CSS përcakton një stil për paragrafët HTML me klasën "kodi". Përcakton fontin, madhësinë e shkronjave, stilin e kufirit, gjerësinë e kufirit, mbushjen, ngjyrën e sfondit, lartësinë e rreshtit dhe kufirin për këta paragrafë. Ky stil mund të aplikohet në copa kodi ose tekst të paraformatuar në një postim të Blogger për t'u dhënë atyre një pamje specifike.

Ja si do të duket:

kodi p.{
font-family: Courier New;
madhësia e shkronjave: 8 pt;
kufiri-style: futur;
gjerësia e kufirit: 3 px;
padding: 5px;
ngjyra e sfondit: #FFFFFF;
lartësia e vijës: 100%;
diferenca: 10px;
}

Gëzuar Kodimin!

Douglas Karr

Douglas Karr është CMO i OpenINSIGHTS dhe themeluesi i Martech Zone. Douglas ka ndihmuar dhjetëra startup të suksesshëm të MarTech, ka ndihmuar në analizën e duhur prej mbi 5 miliardë dollarësh në blerjet dhe investimet e Martech dhe vazhdon të ndihmojë kompanitë në zbatimin dhe automatizimin e strategjive të tyre të shitjeve dhe marketingut. Douglas është një ekspert dhe folës i transformimit dixhital dhe i njohur ndërkombëtarisht në MarTech. Douglas është gjithashtu një autor i botuar i një udhëzuesi Dummie dhe një libri për udhëheqjen e biznesit.

Artikuj Të Ngjashëm

Kthehu në krye të faqes
afër

Blloku i reklamave u zbulua

Martech Zone është në gjendje t'ju ofrojë këtë përmbajtje pa kosto, sepse ne fitojmë para nga faqja jonë përmes të ardhurave nga reklamat, lidhjeve të filialeve dhe sponsorizimeve. Do të vlerësonim nëse do të hiqnit bllokuesin tuaj të reklamave ndërsa shikoni faqen tonë.