Content Marketing

Blogger: Styl CSS pro kód na vašem blogu

Přítel se mě zeptal, jak jsem vytvořil oblasti kódu v záznamu Blogger. Udělal jsem to pomocí značky stylu pro CSS v mé šabloně Blogger. Zde je to, co jsem přidal:

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: Toto je pravidlo CSS, které cílí na HTML <p> prvky s názvem třídy „code“. Znamená to, že každý odstavec s touto třídou bude stylizován podle následujících vlastností.
  2. font-family: Courier New;: Tato vlastnost nastaví rodinu písem na „Courier New“. Určuje písmo, které bude použito pro text v rámci cílových prvků.
  3. font-size: 8pt;: Tato vlastnost nastavuje velikost písma na 8 bodů. Text v cílových prvcích se zobrazí s touto velikostí písma.
  4. border-style: inset;: Tato vlastnost nastaví styl ohraničení na „vložit“. Vytváří propadlý nebo lisovaný vzhled okraje kolem cílených prvků.
  5. border-width: 3px;: Tato vlastnost nastavuje šířku okraje na 3 pixely. Ohraničení kolem prvků bude mít tloušťku 3 pixely.
  6. padding: 5px;: Tato vlastnost přidá 5 pixelů výplně kolem obsahu uvnitř cílených prvků. Poskytuje mezery mezi textem a okrajem.
  7. background-color: #FFFFFF;: Tato vlastnost nastaví barvu pozadí na bílou (#FFFFFF). Obsah v rámci cílených prvků bude mít bílé pozadí.
  8. line-height: 100%;: Tato vlastnost nastavuje výšku řádku na 100 % velikosti písma. Zajišťuje, že řádky textu jsou rozmístěny podle velikosti písma.
  9. margin: 10px;: Tato vlastnost přidá kolem celého prvku okraj 10 pixelů. Poskytuje mezery mezi tímto prvkem a ostatními prvky na stránce.

Poskytnutý kód CSS definuje styl pro odstavce HTML s třídou „code“. Nastavuje písmo, velikost písma, styl ohraničení, šířku ohraničení, odsazení, barvu pozadí, výšku řádku a okraj pro tyto odstavce. Tento styl lze použít na úryvky kódu nebo předem naformátovaný text v příspěvku na Bloggeru, aby jim dodal specifický vzhled.

Takto to bude vypadat:

p.code {
font-family: Courier New;
velikost písma: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
barva pozadí: #FFFFFF;
výška řádku: 100 %;
marže: 10px;
}

Šťastné kódování!

Douglas Karr

Douglas Karr je CMO OpenINSIGHTS a zakladatelem Martech Zone. Douglas pomohl desítkám úspěšných MarTech startupů, pomohl s due diligence v hodnotě více než 5 miliard dolarů v akvizicích a investicích Martech a nadále pomáhá společnostem při implementaci a automatizaci jejich prodejních a marketingových strategií. Douglas je mezinárodně uznávaný odborník na digitální transformaci a MarTech a řečník. Douglas je také publikovaným autorem průvodce pro figuríny a knihy o obchodním vedení.

Související články

Tlačítko Nahoru
zavřít

Byl detekován Adblock

Martech Zone je schopna vám poskytnout tento obsah zdarma, protože naše stránky zpeněžujeme prostřednictvím příjmů z reklam, přidružených odkazů a sponzorství. Ocenili bychom, kdybyste při prohlížení našich stránek odstranili svůj blokovač reklam.