Məzmun Marketinq

Blogger: Bloqunuzdakı Kod üçün CSS Stili

Bir dostum Blogger girişində kod bölgələrini necə yaratdığımı soruşdu. Mən bunu Blogger şablonumda CSS üçün stil etiketindən istifadə edərək etdim. Əlavə etdiyim budur:

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: Bu HTML-ni hədəfləyən CSS qaydasıdır <p> "kod" sinif adı olan elementlər. Bu o deməkdir ki, bu sinfə malik olan hər hansı paraqraf aşağıdakı xüsusiyyətlərə uyğun tərtib olunacaq.
  2. font-family: Courier New;: Bu xüsusiyyət şrift ailəsini “Courier New” olaraq təyin edir. O, hədəf elementlər daxilində mətn üçün istifadə olunacaq şrifti müəyyən edir.
  3. font-size: 8pt;: Bu xüsusiyyət şrift ölçüsünü 8 nöqtəyə təyin edir. Hədəf olunan elementlər daxilində mətn bu şrift ölçüsündə göstəriləcək.
  4. border-style: inset;: Bu xassə haşiyə üslubunu “daxili” olaraq təyin edir. Hədəf olunan elementlərin ətrafındakı sərhəd üçün batmış və ya sıxılmış görünüş yaradır.
  5. border-width: 3px;: Bu xüsusiyyət sərhəd genişliyini 3 pikselə təyin edir. Elementlərin ətrafındakı haşiyə 3 piksel qalınlığında olacaq.
  6. padding: 5px;: Bu xüsusiyyət hədəf elementlər daxilində məzmunun ətrafına 5 piksel padding əlavə edir. Mətn və haşiyə arasında boşluq təmin edir.
  7. background-color: #FFFFFF;: Bu xüsusiyyət fon rəngini ağ rəngə təyin edir (#FFFFFF). Hədəflənmiş elementlər içərisindəki məzmun ağ fonda olacaq.
  8. line-height: 100%;: Bu xüsusiyyət xəttin hündürlüyünü şrift ölçüsünün 100%-nə təyin edir. Mətn sətirlərinin şrift ölçüsünə uyğun olaraq yerləşdirilməsini təmin edir.
  9. margin: 10px;: Bu xüsusiyyət bütün element ətrafında 10 piksellik bir kənar əlavə edir. Bu element və səhifədəki digər elementlər arasında boşluq təmin edir.

Təqdim olunan CSS kodu “kod” sinfi ilə HTML paraqrafları üçün üslub müəyyən edir. Bu paraqraflar üçün şrift, şrift ölçüsü, haşiyə tərzi, haşiyə eni, dolgu, fon rəngi, sətir hündürlüyü və haşiyəni təyin edir. Bu üslub xüsusi görünüş vermək üçün Blogger postunda kod parçalarına və ya əvvəlcədən formatlaşdırılmış mətnə ​​tətbiq oluna bilər.

Bu necə görünəcək:

p.code {
font-family: Courier New;
şrift ölçüsü: 8pt;
haşiyə tərzi: daxil;
haşiyə eni: 3px;
padding: 5px;
fon rəngi: #FFFFFF;
xəttin hündürlüyü: 100%;
marj: 10px;
}

Xoşbəxt kodlaşdırma!

Douglas Karr

Douglas Karr CMO-dur OpenINSIGHTS və təsisçisi Martech Zone. Duqlas onlarla uğurlu MarTech startapına kömək edib, Martech-in satınalmalarında və investisiyalarında 5 milyard dollardan çox dəyərində lazımi araşdırmaya kömək edib və şirkətlərə satış və marketinq strategiyalarının həyata keçirilməsində və avtomatlaşdırılmasında kömək etməyə davam edir. Duqlas beynəlxalq səviyyədə tanınan rəqəmsal transformasiya və MarTech eksperti və məruzəçisidir. Douglas həm də Dummie's guide və biznes liderliyi kitabının nəşr edilmiş müəllifidir.

əlaqəli məqalələr

Başa dön düyməsini basın
yaxın

Adblock Aşkarlandı

Martech Zone bu məzmunu heç bir ödəniş etmədən sizə təqdim edə bilir, çünki biz reklam gəlirləri, filial bağlantıları və sponsorluqlar vasitəsilə saytımızdan pul qazanırıq. Saytımıza baxarkən reklam blokerinizi silsəniz çox şad olarıq.