Content Marketing

Blogger: CSS-stil for kode på bloggen din

En venn spurte meg hvordan jeg laget kodeområdene i Blogger-oppføringen. Jeg gjorde det ved å bruke en stilkode for CSS i Blogger-malen min. Her er det jeg la til:

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: Dette er en CSS-regel som retter seg mot HTML <p> elementer med klassenavnet «kode». Det betyr at ethvert avsnitt med denne klassen vil bli stylet i henhold til følgende egenskaper.
  2. font-family: Courier New;: Denne egenskapen setter skriftfamilien til "Courier New." Den spesifiserer fonten som skal brukes for teksten innenfor de målrettede elementene.
  3. font-size: 8pt;: Denne egenskapen setter skriftstørrelsen til 8 poeng. Teksten i de målrettede elementene vil vises med denne skriftstørrelsen.
  4. border-style: inset;: Denne egenskapen setter kantstilen til «innsatt». Det skaper et nedsunket eller presset utseende for grensen rundt de målrettede elementene.
  5. border-width: 3px;: Denne egenskapen setter kantbredden til 3 piksler. Kanten rundt elementene vil være 3 piksler tykk.
  6. padding: 5px;: Denne egenskapen legger til 5 piksler med polstring rundt innholdet i de målrettede elementene. Det gir avstand mellom teksten og rammen.
  7. background-color: #FFFFFF;: Denne egenskapen setter bakgrunnsfargen til hvit (#FFFFFF). Innholdet i de målrettede elementene vil ha en hvit bakgrunn.
  8. line-height: 100%;: Denne egenskapen setter linjehøyden til 100 % av skriftstørrelsen. Det sikrer at tekstlinjene er fordelt i henhold til skriftstørrelsen.
  9. margin: 10px;: Denne egenskapen legger til en margin på 10 piksler rundt hele elementet. Det gir avstand mellom dette elementet og andre elementer på siden.

Den oppgitte CSS-koden definerer en stil for HTML-avsnitt med klassen "kode". Den angir skrifttype, skriftstørrelse, kantstil, kantbredde, utfylling, bakgrunnsfarge, linjehøyde og marg for disse avsnittene. Denne stilen kan brukes på kodebiter eller forhåndsformatert tekst i et Blogger-innlegg for å gi dem et spesifikt utseende.

Slik vil det se ut:

p.kode {
font-family: Courier Ny;
skriftstørrelse: 8pt;
border-style: innfelt;
kant-bredde: 3px;
padding: 5px;
bakgrunnsfarge: #FFFFFF;
linjehøyde: 100 %;
margin: 10px;
}

Glad koding!

Douglas Karr

Douglas Karr er CMO for Åpne INSIGHTS og grunnleggeren av Martech Zone. Douglas har hjulpet dusinvis av vellykkede MarTech-startups, har bistått med due diligence på over 5 milliarder dollar i Martech-oppkjøp og -investeringer, og fortsetter å hjelpe selskaper med å implementere og automatisere salgs- og markedsføringsstrategier. Douglas er en internasjonalt anerkjent digital transformasjons- og MarTech-ekspert og foredragsholder. Douglas er også en publisert forfatter av en Dummies guide og en bok om lederskap for bedrifter.

Relaterte artikler

Tilbake til toppen-knappen
Lukke

Annonseblokkering oppdaget

Martech Zone er i stand til å gi deg dette innholdet uten kostnad fordi vi tjener penger på nettstedet vårt gjennom annonseinntekter, tilknyttede lenker og sponsing. Vi vil sette pris på om du vil fjerne annonseblokkeringen når du ser på nettstedet vårt.