Blogger: slog CSS za kodo na vašem blogu
Prijatelj me je vprašal, kako sem naredil kodne regije v Bloggerjevem vnosu. To sem naredil z uporabo oznake sloga za CSS v moji Bloggerjevi predlogi. Tukaj sem dodal:
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;
}
p.code
: To je pravilo CSS, ki cilja na HTML<p>
elementov z imenom razreda »code«. To pomeni, da bo vsak odstavek s tem razredom oblikovan v skladu z naslednjimi lastnostmi.font-family: Courier New;
: Ta lastnost nastavi družino pisav na »Courier New«. Določa pisavo, ki bo uporabljena za besedilo v ciljnih elementih.font-size: 8pt;
: Ta lastnost nastavi velikost pisave na 8 točk. Besedilo znotraj ciljnih elementov bo prikazano v tej velikosti pisave.border-style: inset;
: Ta lastnost nastavi slog obrobe na »vstavljeno«. Ustvari ugreznjen ali stisnjen videz obrobe okoli ciljnih elementov.border-width: 3px;
: Ta lastnost nastavi širino obrobe na 3 slikovne pike. Obroba okoli elementov bo debela 3 slikovne pike.padding: 5px;
: Ta lastnost doda 5 slikovnih pik oblazinjenja okoli vsebine znotraj ciljnih elementov. Omogoča razmik med besedilom in obrobo.background-color: #FFFFFF;
: Ta lastnost nastavi barvo ozadja na belo (#FFFFFF). Vsebina znotraj ciljnih elementov bo imela belo ozadje.line-height: 100%;
: Ta lastnost nastavi višino vrstice na 100 % velikosti pisave. Zagotavlja, da so vrstice besedila razmaknjene glede na velikost pisave.margin: 10px;
: Ta lastnost doda rob 10 slikovnih pik okoli celotnega elementa. Zagotavlja razmik med tem elementom in drugimi elementi na strani.
Priložena koda CSS definira slog za odstavke HTML z razredom »code«. Nastavi pisavo, velikost pisave, slog obrobe, širino obrobe, odmik, barvo ozadja, višino vrstice in rob za te odstavke. Ta slog je mogoče uporabiti za izrezke kode ali vnaprej oblikovano besedilo v objavi v Bloggerju, da jim da poseben videz.
Takole bo videti:
p.code {
družina pisav: Courier New;
velikost pisave: 8pt;
slog obrobe: vložek;
širina roba: 3px;
oblazinjenje: 5px;
barva ozadja: #FFFFFF;
višina vrstice: 100 %;
marža: 10px;
}
Srečno kodiranje!