ynhâld Marketing

Blogger: CSS-styl foar koade op jo blog

In freon frege my hoe't ik de koaderegio's makke yn Blogger-yngong. Ik die it mei in styltag foar CSS yn myn Blogger-sjabloan. Hjir is wat ik tafoege:

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: Dit is in CSS-regel dy't HTML rjochtet <p> eleminten mei de klasse namme "koade." It betsjut dat elke paragraaf mei dizze klasse sil wurde styled neffens de folgjende eigenskippen.
  2. font-family: Courier New;: Dizze eigenskip stelt de lettertypefamylje yn op "Courier New." It spesifisearret it lettertype dat brûkt wurdt foar de tekst binnen de doeleleminten.
  3. font-size: 8pt;: Dizze eigenskip stelt de lettertypegrutte oan 8 punten. De tekst binnen de doeleleminten sil werjûn wurde yn dizze lettertypegrutte.
  4. border-style: inset;: Dizze eigenskip stelt de grinsstyl yn op "ynfoegje." It soarget foar in sonken of yndrukt uterlik foar de grins om de doeleleminten hinne.
  5. border-width: 3px;: Dizze eigenskip stelt de grins breedte oan 3 piksels. De grins om de eleminten hinne sil 3 piksels dik wêze.
  6. padding: 5px;: Dit pân foeget 5 piksels fan padding ta om de ynhâld binnen de doeleleminten. It soarget foar romte tusken de tekst en de râne.
  7. background-color: #FFFFFF;: Dit eigendom set de eftergrûnkleur op wyt (#FFFFFF). De ynhâld binnen de rjochte eleminten sil in wite eftergrûn hawwe.
  8. line-height: 100%;: Dizze eigenskip stelt de line hichte oan 100% fan de lettertypegrutte. It soarget derfoar dat de tekstrigels op ôfstân binne neffens de lettertypegrutte.
  9. margin: 10px;: Dit eigendom foeget in marzje fan 10 piksels om it hiele elemint. It soarget foar romte tusken dit elemint en oare eleminten op 'e side.

De levere CSS-koade definiearret in styl foar HTML-alinea's mei de klasse "koade". It stelt it lettertype, lettertypegrutte, grinsstyl, grinsbreedte, padding, eftergrûnkleur, linehichte en marzje foar dizze paragrafen yn. Dizze styl kin tapast wurde op koadefragmenten of foaropmakke tekst yn in Blogger-post om se in spesifyk uterlik te jaan.

Hjir is hoe't it der útsjen sil:

p.koade {
lettertype-famylje: Courier Nij;
lettertypegrutte: 8pt;
grins-styl: ynset;
grins-width: 3px;
padding: 5px;
eftergrûnkleur: #FFFFFF;
line-hichte: 100%;
marzje: 10px;
}

Lokkige kodearring!

Douglas Karr

Douglas Karr is CMO fan OpenINSIGHTS en de oprjochter fan de Martech Zone. Douglas hat holpen tsientallen suksesfolle MarTech startups, hat holpen yn 'e due diligence fan mear as $ 5 miljard yn Martech oanwinsten en ynvestearrings, en bliuwt te helpen bedriuwen by it útfieren en automatisearjen fan harren ferkeap en marketing strategyen. Douglas is in ynternasjonaal erkend digitale transformaasje en MarTech-ekspert en sprekker. Douglas is ek in publisearre skriuwer fan in Dummie's gids en in boek foar bedriuwsliederskip.

Related Articles

Werom nei topknop
Slute

Adblock ûntdutsen

Martech Zone is yn steat om jo dizze ynhâld sûnder kosten te leverjen, om't wy ús side monetearje fia advertinsje-ynkomsten, affiliate keppelings en sponsoring. Wy soene it wurdearje as jo jo advertinsjeblokkerer fuortsmite as jo ús side besjen.