Content Marketing

Blogger: slog CSS za kodo na vašem blogu

Prijatelj me je vprašal, kako sem naredil kodne regije v Bloggerjevem vnosu. To sem naredil z uporabo oznake sloga za CSS v moji Bloggerjevi predlogi. Tukaj sem dodal:

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: To je pravilo CSS, ki cilja na HTML <p> elementov z imenom razreda »code«. To pomeni, da bo vsak odstavek s tem razredom oblikovan v skladu z naslednjimi lastnostmi.
  2. font-family: Courier New;: Ta lastnost nastavi družino pisav na »Courier New«. Določa pisavo, ki bo uporabljena za besedilo v ciljnih elementih.
  3. font-size: 8pt;: Ta lastnost nastavi velikost pisave na 8 točk. Besedilo znotraj ciljnih elementov bo prikazano v tej velikosti pisave.
  4. border-style: inset;: Ta lastnost nastavi slog obrobe na »vstavljeno«. Ustvari ugreznjen ali stisnjen videz obrobe okoli ciljnih elementov.
  5. border-width: 3px;: Ta lastnost nastavi širino obrobe na 3 slikovne pike. Obroba okoli elementov bo debela 3 slikovne pike.
  6. padding: 5px;: Ta lastnost doda 5 slikovnih pik oblazinjenja okoli vsebine znotraj ciljnih elementov. Omogoča razmik med besedilom in obrobo.
  7. background-color: #FFFFFF;: Ta lastnost nastavi barvo ozadja na belo (#FFFFFF). Vsebina znotraj ciljnih elementov bo imela belo ozadje.
  8. line-height: 100%;: Ta lastnost nastavi višino vrstice na 100 % velikosti pisave. Zagotavlja, da so vrstice besedila razmaknjene glede na velikost pisave.
  9. margin: 10px;: Ta lastnost doda rob 10 slikovnih pik okoli celotnega elementa. Zagotavlja razmik med tem elementom in drugimi elementi na strani.

Priložena koda CSS definira slog za odstavke HTML z razredom »code«. Nastavi pisavo, velikost pisave, slog obrobe, širino obrobe, odmik, barvo ozadja, višino vrstice in rob za te odstavke. Ta slog je mogoče uporabiti za izrezke kode ali vnaprej oblikovano besedilo v objavi v Bloggerju, da jim da poseben videz.

Takole bo videti:

p.code {
družina pisav: Courier New;
velikost pisave: 8pt;
slog obrobe: vložek;
širina roba: 3px;
oblazinjenje: 5px;
barva ozadja: #FFFFFF;
višina vrstice: 100 %;
marža: 10px;
}

Srečno kodiranje!

Douglas Karr

Douglas Karr je CMO of Odpri INSIGHTS in ustanovitelj Martech Zone. Douglas je pomagal na desetine uspešnih startupov MarTech, pomagal je pri skrbnem pregledu več kot 5 milijard USD pri prevzemih in naložbah Martecha ter še naprej pomaga podjetjem pri izvajanju in avtomatizaciji njihovih prodajnih in trženjskih strategij. Douglas je mednarodno priznan strokovnjak in govorec za digitalno transformacijo in MarTech. Douglas je tudi objavljen avtor Dummie's guide in knjige o poslovnem vodenju.

Povezani članki

Nazaj na vrh
Zapri

Zaznan Adblock

Martech Zone vam lahko zagotovi to vsebino brezplačno, ker naše spletno mesto monetiziramo s prihodki od oglasov, pridruženimi povezavami in sponzorstvi. Hvaležni bi bili, če bi med ogledom našega spletnega mesta odstranili zaviralec oglasov.