„Blogger“: jūsų tinklaraščio kodo CSS stilius
Draugas manęs paklausė, kaip „Blogger“ įraše sukūriau kodo sritis. Tai padariau naudodamas CSS stiliaus žymą savo „Blogger“ šablone. Štai ką aš pridėjau:
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
: tai CSS taisyklė, taikoma HTML<p>
elementai su klasės pavadinimu „kodas“. Tai reiškia, kad bet kuri pastraipa su šia klase bus sukurta pagal šias savybes.font-family: Courier New;
: ši ypatybė nustato šriftų šeimą į „Courier New“. Jame nurodomas šriftas, kuris bus naudojamas tikslinių elementų tekstui.font-size: 8pt;
: Ši savybė nustato šrifto dydį į 8 taškus. Tekstas tiksliniuose elementuose bus rodomas tokiu šrifto dydžiu.border-style: inset;
: ši ypatybė nustato kraštinės stilių į „įterptas“. Tai sukuria įdubusią arba suspaustą kraštinės aplink tikslinius elementus išvaizdą.border-width: 3px;
: ši ypatybė nustato kraštinės plotį iki 3 pikselių. Kraštinė aplink elementus bus 3 pikselių storio.padding: 5px;
: ši nuosavybė prideda 5 pikselių užpildymo aplink turinį tikslinių elementų viduje. Tai suteikia tarpą tarp teksto ir kraštinės.background-color: #FFFFFF;
: Ši savybė nustato fono spalvą į baltą (#FFFFFF). Tikslinių elementų turinys bus baltas fonas.line-height: 100%;
: Ši ypatybė nustato eilutės aukštį iki 100 % šrifto dydžio. Tai užtikrina, kad teksto eilutės būtų išdėstytos pagal šrifto dydį.margin: 10px;
: Ši savybė aplink visą elementą prideda 10 pikselių paraštę. Jame pateikiami tarpai tarp šio elemento ir kitų puslapio elementų.
Pateiktas CSS kodas apibrėžia HTML pastraipų stilių su klase „kodas“. Jis nustato šių pastraipų šriftą, šrifto dydį, kraštinės stilių, kraštinės plotį, užpildymą, fono spalvą, linijos aukštį ir paraštę. Šis stilius gali būti taikomas kodo fragmentams arba iš anksto suformatuotam tekstui „Blogger“ įraše, kad būtų suteikta specifinė išvaizda.
Štai kaip tai atrodys:
p.code {
šriftų šeima: Courier New;
šrifto dydis: 8 pt;
kraštinės stilius: įdėta;
kraštinės plotis: 3px;
padding: 5px;
fono spalva: #FFFFFF;
linijos aukštis: 100%;
paraštė: 10 taškų;
}
Laimingo kodavimo!