Kontenut Marketing

Blogger: Stil CSS għall-Kodiċi fuq il-Blog Tiegħek

Ħabib staqsieni kif għamilt ir-reġjuni tal-kodiċi fid-dħul ta' Blogger. Għamiltha bl-użu ta' tag stil għal CSS fil-mudell tal-Blogger tiegħi. Hawn dak li żidt:

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: Din hija regola CSS li timmira HTML <p> elementi bl-isem tal-klassi "kodiċi." Ifisser li kwalunkwe paragrafu b'din il-klassi se jiġi stilat skond il-proprjetajiet li ġejjin.
  2. font-family: Courier New;: Din il-proprjetà tistabbilixxi l-familja tat-tipa għal "Courier New." Jispeċifika t-tipa li se tintuża għat-test fi ħdan l-elementi mmirati.
  3. font-size: 8pt;: Din il-proprjetà tistabbilixxi d-daqs tat-tipa għal 8 punti. It-test fl-elementi mmirati se jintwera f'dan id-daqs tat-tipa.
  4. border-style: inset;: Din il-proprjetà tistabbilixxi l-istil tal-fruntiera għal "inset." Joħloq dehra mgħaddsa jew ippressata għall-fruntiera madwar l-elementi mmirati.
  5. border-width: 3px;: Din il-proprjetà tissettja l-wisa' tal-fruntiera għal 3 pixels. Il-fruntiera madwar l-elementi se tkun ħoxna ta '3 pixels.
  6. padding: 5px;: Din il-proprjetà żżid 5 pixels ta 'padding madwar il-kontenut ġewwa l-elementi mmirati. Jipprovdi spazjar bejn it-test u l-fruntiera.
  7. background-color: #FFFFFF;: Din il-proprjetà tistabbilixxi l-kulur tal-isfond għal abjad (#FFFFFF). Il-kontenut fi ħdan l-elementi mmirati se jkollu sfond abjad.
  8. line-height: 100%;: Din il-proprjetà tistabbilixxi l-għoli tal-linja għal 100% tad-daqs tat-tipa. Jiżgura li l-linji tat-test huma spazjati skont id-daqs tat-tipa.
  9. margin: 10px;: Din il-proprjetà żżid marġini ta' 10 pixels madwar l-element kollu. Jipprovdi spazjar bejn dan l-element u elementi oħra fil-paġna.

Il-kodiċi CSS ipprovdut jiddefinixxi stil għal paragrafi HTML bil-klassi "kodiċi." Jissettja t-tipa, id-daqs tat-tipa, l-istil tal-fruntiera, il-wisa 'tal-borduri, il-padding, il-kulur tal-isfond, l-għoli tal-linja, u l-marġni għal dawn il-paragrafi. Dan l-istil jista' jiġi applikat għal siltiet ta' kodiċi jew test ifformattjat minn qabel f'post ta' Blogger biex jagħtihom dehra speċifika.

Ara kif se tidher:

p.code {
font-family: Courier Ġdid;
daqs tat-tipa: 8pt;
stil tal-fruntiera: daħla;
wisa' tal-fruntiera: 3px;
Kuttunar: 5px;
kulur tal-isfond: #FFFFFF;
linja-għoli: 100%;
marġni: 10px;
}

Kodifikazzjoni kuntenta!

Douglas Karr

Douglas Karr huwa CMO ta OpenINSIGHTS u l-fundatur tal- Martech Zone. Douglas għen għexieren ta’ startups ta’ MarTech ta’ suċċess, għen fid-diliġenza dovuta ta’ aktar minn $5 biljun f’akkwisti u investimenti ta’ Martech, u jkompli jgħin lill-kumpaniji fl-implimentazzjoni u l-awtomatizzazzjoni tal-istrateġiji tal-bejgħ u l-kummerċjalizzazzjoni tagħhom. Douglas huwa trasformazzjoni diġitali rikonoxxuta internazzjonalment u espert u kelliem tal-MarTech. Douglas huwa wkoll awtur ippubblikat ta 'gwida ta' Dummie u ktieb ta 'tmexxija tan-negozju.

Artikli relatati

Lura għall-buttuna ta 'fuq
Agħlaq

Adblock Individwat

Martech Zone huwa kapaċi jagħtik dan il-kontenut mingħajr ebda spiża għaliex aħna monetize is-sit tagħna permezz ta 'dħul minn reklam, links affiljati, u sponsorships. Napprezzaw jekk tneħħi l-imblokkatur tar-reklami tiegħek hekk kif tara s-sit tagħna.