Blogger: stil CSS pentru codul de pe blogul dvs
Un prieten m-a întrebat cum am creat regiunile de cod în intrarea Blogger. Am făcut-o folosind o etichetă de stil pentru CSS în șablonul meu Blogger. Iată ce am adăugat:
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
: Aceasta este o regulă CSS care vizează HTML<p>
elemente cu numele clasei „cod”. Înseamnă că orice paragraf cu această clasă va fi stilat conform următoarelor proprietăți.font-family: Courier New;
: Această proprietate setează familia de fonturi la „Courier New”. Specifică fontul care va fi folosit pentru textul din elementele vizate.font-size: 8pt;
: Această proprietate setează dimensiunea fontului la 8 puncte. Textul din elementele vizate va fi afișat la această dimensiune de font.border-style: inset;
: Această proprietate setează stilul de chenar la „inserat”. Acesta creează un aspect scufundat sau presat pentru chenarul din jurul elementelor vizate.border-width: 3px;
: Această proprietate setează lățimea chenarului la 3 pixeli. Chenarul din jurul elementelor va avea o grosime de 3 pixeli.padding: 5px;
: Această proprietate adaugă 5 pixeli de umplutură în jurul conținutului din interiorul elementelor vizate. Oferă distanță între text și chenar.background-color: #FFFFFF;
: Această proprietate setează culoarea de fundal la alb (#FFFFFF). Conținutul din elementele vizate va avea un fundal alb.line-height: 100%;
: Această proprietate setează înălțimea liniei la 100% din dimensiunea fontului. Se asigură că liniile de text sunt distanțate în funcție de dimensiunea fontului.margin: 10px;
: Această proprietate adaugă o marjă de 10 pixeli în jurul întregului element. Oferă distanță între acest element și alte elemente de pe pagină.
Codul CSS furnizat definește un stil pentru paragrafele HTML cu clasa „cod”. Setează fontul, dimensiunea fontului, stilul chenarului, lățimea chenarului, umplutura, culoarea de fundal, înălțimea liniei și marginea acestor paragrafe. Acest stil poate fi aplicat fragmentelor de cod sau textului preformatat dintr-o postare Blogger pentru a le oferi un aspect specific.
Iată cum va arăta:
cod p. {
font-family: Courier New;
dimensiunea fontului: 8pt;
chenar-stil: insert;
lățimea chenarului: 3 px;
padding: 5px;
culoare de fundal: #FFFFFF;
înălțimea liniei: 100%;
marja: 10px;
}
Codificare fericită!