Conținut de marketing

Blogger: stil CSS pentru codul de pe blogul dvs

Un prieten m-a întrebat cum am creat regiunile de cod în intrarea Blogger. Am făcut-o folosind o etichetă de stil pentru CSS în șablonul meu Blogger. Iată ce am adăugat:

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: Aceasta este o regulă CSS care vizează HTML <p> elemente cu numele clasei „cod”. Înseamnă că orice paragraf cu această clasă va fi stilat conform următoarelor proprietăți.
  2. font-family: Courier New;: Această proprietate setează familia de fonturi la „Courier New”. Specifică fontul care va fi folosit pentru textul din elementele vizate.
  3. font-size: 8pt;: Această proprietate setează dimensiunea fontului la 8 puncte. Textul din elementele vizate va fi afișat la această dimensiune de font.
  4. border-style: inset;: Această proprietate setează stilul de chenar la „inserat”. Acesta creează un aspect scufundat sau presat pentru chenarul din jurul elementelor vizate.
  5. border-width: 3px;: Această proprietate setează lățimea chenarului la 3 pixeli. Chenarul din jurul elementelor va avea o grosime de 3 pixeli.
  6. padding: 5px;: Această proprietate adaugă 5 pixeli de umplutură în jurul conținutului din interiorul elementelor vizate. Oferă distanță între text și chenar.
  7. background-color: #FFFFFF;: Această proprietate setează culoarea de fundal la alb (#FFFFFF). Conținutul din elementele vizate va avea un fundal alb.
  8. line-height: 100%;: Această proprietate setează înălțimea liniei la 100% din dimensiunea fontului. Se asigură că liniile de text sunt distanțate în funcție de dimensiunea fontului.
  9. margin: 10px;: Această proprietate adaugă o marjă de 10 pixeli în jurul întregului element. Oferă distanță între acest element și alte elemente de pe pagină.

Codul CSS furnizat definește un stil pentru paragrafele HTML cu clasa „cod”. Setează fontul, dimensiunea fontului, stilul chenarului, lățimea chenarului, umplutura, culoarea de fundal, înălțimea liniei și marginea acestor paragrafe. Acest stil poate fi aplicat fragmentelor de cod sau textului preformatat dintr-o postare Blogger pentru a le oferi un aspect specific.

Iată cum va arăta:

cod p. {
font-family: Courier New;
dimensiunea fontului: 8pt;
chenar-stil: insert;
lățimea chenarului: 3 px;
padding: 5px;
culoare de fundal: #FFFFFF;
înălțimea liniei: 100%;
marja: 10px;
}

Codificare fericită!

Douglas Karr

Douglas Karr este CMO al OpenINSIGHTS și fondatorul Martech Zone. Douglas a ajutat zeci de startup-uri de succes MarTech, a ajutat la due diligence de peste 5 miliarde de dolari în achiziții și investiții Martech și continuă să asiste companiile în implementarea și automatizarea strategiilor lor de vânzări și marketing. Douglas este un expert în transformare digitală recunoscut la nivel internațional și expert și vorbitor MarTech. Douglas este, de asemenea, un autor publicat al unui ghid pentru Dummie și al unei cărți de conducere în afaceri.

Articole pe aceeaşi temă

Înapoi la butonul de sus
Închide

Blocarea reclamelor a fost detectată

Martech Zone este în măsură să vă furnizeze acest conținut fără costuri, deoarece monetizăm site-ul nostru prin venituri din reclame, linkuri afiliate și sponsorizări. Am aprecia dacă ați elimina dispozitivul de blocare a reclamelor pe măsură ce vizualizați site-ul nostru.