Turinio Rinkodara

„Blogger“: jūsų tinklaraščio kodo CSS stilius

Draugas manęs paklausė, kaip „Blogger“ įraše sukūriau kodo sritis. Tai padariau naudodamas CSS stiliaus žymą savo „Blogger“ šablone. Štai ką aš pridėjau:

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: tai CSS taisyklė, taikoma HTML <p> elementai su klasės pavadinimu „kodas“. Tai reiškia, kad bet kuri pastraipa su šia klase bus sukurta pagal šias savybes.
  2. font-family: Courier New;: ši ypatybė nustato šriftų šeimą į „Courier New“. Jame nurodomas šriftas, kuris bus naudojamas tikslinių elementų tekstui.
  3. font-size: 8pt;: Ši savybė nustato šrifto dydį į 8 taškus. Tekstas tiksliniuose elementuose bus rodomas tokiu šrifto dydžiu.
  4. border-style: inset;: ši ypatybė nustato kraštinės stilių į „įterptas“. Tai sukuria įdubusią arba suspaustą kraštinės aplink tikslinius elementus išvaizdą.
  5. border-width: 3px;: ši ypatybė nustato kraštinės plotį iki 3 pikselių. Kraštinė aplink elementus bus 3 pikselių storio.
  6. padding: 5px;: ši nuosavybė prideda 5 pikselių užpildymo aplink turinį tikslinių elementų viduje. Tai suteikia tarpą tarp teksto ir kraštinės.
  7. background-color: #FFFFFF;: Ši savybė nustato fono spalvą į baltą (#FFFFFF). Tikslinių elementų turinys bus baltas fonas.
  8. line-height: 100%;: Ši ypatybė nustato eilutės aukštį iki 100 % šrifto dydžio. Tai užtikrina, kad teksto eilutės būtų išdėstytos pagal šrifto dydį.
  9. margin: 10px;: Ši savybė aplink visą elementą prideda 10 pikselių paraštę. Jame pateikiami tarpai tarp šio elemento ir kitų puslapio elementų.

Pateiktas CSS kodas apibrėžia HTML pastraipų stilių su klase „kodas“. Jis nustato šių pastraipų šriftą, šrifto dydį, kraštinės stilių, kraštinės plotį, užpildymą, fono spalvą, linijos aukštį ir paraštę. Šis stilius gali būti taikomas kodo fragmentams arba iš anksto suformatuotam tekstui „Blogger“ įraše, kad būtų suteikta specifinė išvaizda.

Štai kaip tai atrodys:

p.code {
šriftų šeima: Courier New;
šrifto dydis: 8 pt;
kraštinės stilius: įdėta;
kraštinės plotis: 3px;
padding: 5px;
fono spalva: #FFFFFF;
linijos aukštis: 100%;
paraštė: 10 taškų;
}

Laimingo kodavimo!

Douglas Karr

Douglas Karr yra BRO OpenINSIGHTS ir įkūrėjas Martech Zone. Douglas padėjo daugybei sėkmingų MarTech pradedančiųjų įmonių, padėjo atlikti daugiau nei 5 mlrd. Douglas yra tarptautiniu mastu pripažintas skaitmeninės transformacijos ir MarTech ekspertas bei pranešėjas. Douglasas taip pat yra paskelbtas Dummie vadovo ir verslo lyderystės knygos autorius.

Susiję straipsniai

Atgal į viršų mygtukas
arti

Aptiktas skelbimų blokas

Martech Zone gali pateikti jums šį turinį nemokamai, nes gauname pajamų iš savo svetainės per pajamas iš skelbimų, filialų nuorodas ir rėmimą. Būtume dėkingi, jei peržiūrėdami mūsų svetainę pašalintumėte skelbimų blokavimo priemonę.