мазмун Marketing

Blogger: Блогуңуздагы код үчүн CSS стили

Бир досум менден Blogger жазуусунда код аймактарын кантип жасаганымды сурады. Мен муну Blogger шаблонумдагы CSS стилинин теги менен жасадым. Мына мен эмнени коштум:

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: Бул HTMLге багытталган CSS эрежеси <p> "код" класс аталышы менен элементтер. Бул класстагы каалаган абзац төмөнкү касиеттерге ылайык стилделет дегенди билдирет.
  2. font-family: Courier New;: Бул касиет шрифт үй-бүлөсүн "Courier New" деп коёт. Ал максаттуу элементтердин ичиндеги текст үчүн колдонула турган шрифтти аныктайт.
  3. font-size: 8pt;: Бул касиет шрифт өлчөмүн 8 чекитке орнотот. Максаттуу элементтердин ичиндеги текст бул шрифт өлчөмүндө көрсөтүлөт.
  4. border-style: inset;: Бул касиет чектин стилин "inset" деп коёт. Ал максаттуу элементтердин айланасындагы чек аранын чөгүп кеткен же кысылган көрүнүшүн түзөт.
  5. border-width: 3px;: Бул касиет чек аранын туурасын 3 пикселге коет. Элементтердин тегерегиндеги чектин калыңдыгы 3 пиксель болот.
  6. padding: 5px;: Бул касиет максаттуу элементтердин ичиндеги мазмундун айланасына 5 пиксель толтурууну кошот. Ал текст менен чек аранын ортосундагы аралыкты камсыз кылат.
  7. background-color: #FFFFFF;: Бул касиет фон түсүн ак кылып коёт (#FFFFFF). Максаттуу элементтердин ичиндеги мазмун ак фонго ээ болот.
  8. line-height: 100%;: Бул касиет сызык бийиктигин шрифт өлчөмүнүн 100% түзөт. Ал текст саптарынын шрифт өлчөмүнө жараша жайгаштырылышын камсыздайт.
  9. margin: 10px;: Бул касиет бүт элементтин айланасына 10 пикселдик чекти кошот. Бул элемент менен беттеги башка элементтердин ортосундагы аралыкты камсыз кылат.

Берилген CSS коду "код" классы менен HTML абзацтары үчүн стилди аныктайт. Бул абзацтар үчүн шрифти, шрифттин өлчөмүн, чектин стилин, чектин туурасын, толтурууну, фондун түсүн, сызыктын бийиктигин жана четтерин белгилейт. Бул стилди код үзүндүлөрүнө же Blogger постундагы алдын ала форматталган текстке колдонсо болот, аларга өзгөчө көрүнүш берүү.

Бул кандай болот:

p.code {
font-family: Courier New;
font-size: 8pt;
чек стили: inset;
чек аранын туурасы: 3px;
толтургучтар: 5px;
background-color: #FFFFFF;
сызык бийиктиги: 100%;
маржа: 10px;
}

Коддошууңуз менен!

Douglas Karr

Douglas Karr CMO болуп саналат OpenINSIGHTS жана негиздөөчүсү Martech Zone. Дуглас ондогон ийгиликтүү MarTech стартаптарына жардам берди, Martech сатып алууларына жана инвестицияларына 5 миллиард доллардан ашык каражатты текшерүүгө жардам берди жана компанияларга сатуу жана маркетинг стратегияларын ишке ашырууда жана автоматташтырууда жардам берүүнү улантууда. Дуглас эл аралык деңгээлде таанылган санариптик трансформация жана MarTech эксперти жана спикери. Дуглас ошондой эле Dummie's guide жана бизнес лидерлик китебинин басылып чыккан автору.

Тектеш макалалар

Артка жогорку баскычы
жакын

Adblock аныкталды

Martech Zone Бул мазмунду сизге эч кандай акы төлөбөй бере алат, анткени биз сайтыбызды жарнамадан түшкөн киреше, өнөктөштүк шилтемелер жана демөөрчүлүк аркылуу акча табабыз. Биздин сайтты көрүп жатканыңызда жарнама блокаторуңузду алып салсаңыз, биз ыраазыбыз.