Sisu Marketing

Blogger: teie ajaveebi koodi CSS-stiil

Sõber küsis minult, kuidas ma Bloggeri kirjes koodipiirkonnad koostasin. Kasutasin seda oma Bloggeri mallis CSS-i stiilimärgendi abil. Siin on see, mida ma lisasin:

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: see on CSS-reegel, mis sihib HTML-i <p> elemendid klassi nimega "kood". See tähendab, et iga selle klassi lõigu stiil kujundatakse vastavalt järgmistele omadustele.
  2. font-family: Courier New;: see atribuut määrab fondiperekonnaks "Courier New". See määrab fondi, mida kasutatakse sihitud elementide teksti jaoks.
  3. font-size: 8pt;: see atribuut määrab fondi suuruseks 8 punkti. Sihitud elementide tekst kuvatakse selle fondi suurusega.
  4. border-style: inset;: see atribuut määrab ääriste stiiliks "inset". See loob sihitud elementide ümber olevale piirile uppunud või pressitud välimuse.
  5. border-width: 3px;: see atribuut määrab äärise laiuseks 3 pikslit. Elemente ümbritsev ääris on 3 pikslit paks.
  6. padding: 5px;: see atribuut lisab sihitud elementide sisu ümber 5 pikslit polsterdust. See annab teksti ja äärise vahele tühiku.
  7. background-color: #FFFFFF;: see atribuut määrab taustavärviks valge (#FFFFFF). Sihitud elementide sisul on valge taust.
  8. line-height: 100%;: see atribuut määrab rea kõrguseks 100% fondi suurusest. See tagab, et tekstiread on paigutatud vastavalt fondi suurusele.
  9. margin: 10px;: see atribuut lisab kogu elemendi ümber 10 piksli suuruse veerise. See annab selle elemendi ja lehe muude elementide vahel vahemaa.

Pakutav CSS-kood määrab HTML-i lõikude stiili klassiga "kood". See määrab nende lõikude fondi, fondi suuruse, ääriste stiili, äärise laiuse, polsterduse, taustavärvi, rea kõrguse ja veerise. Seda stiili saab rakendada Bloggeri postituse koodilõikudele või eelvormindatud tekstile, et anda neile konkreetne välimus.

See näeb välja järgmiselt:

p.code {
font-family: Courier New;
fondi suurus: 8pt;
ääriste stiil: sisestus;
äärise laius: 3 px;
polster: 5px;
taustavärv: #FFFFFF;
joone kõrgus: 100%;
veeris: 10px;
}

Head kodeerimist!

Douglas Karr

Douglas Karr on CMO of OpenINSIGHTS ja selle asutaja Martech Zone. Douglas on aidanud kümneid edukaid MarTechi idufirmasid, on aidanud Martechi omandamisel ja investeeringutel üle 5 miljardi dollari ulatuses läbi viia ning jätkab ettevõtete abistamist nende müügi- ja turundusstrateegiate rakendamisel ja automatiseerimisel. Douglas on rahvusvaheliselt tunnustatud digitaalse transformatsiooni ja MarTechi ekspert ja esineja. Douglas on ka Dummie juhendi ja ärijuhtimise raamatu autor.

seotud artiklid

Tagasi üles nupule
lähedal

Adblock tuvastatud

Martech Zone suudab teile seda sisu tasuta pakkuda, kuna teenime oma saidi rahaks reklaamitulu, sidusettevõtete linkide ja sponsorluse kaudu. Oleksime tänulikud, kui eemaldaksite meie saidi vaatamise ajal oma reklaamiblokeerija.