Kuidas Muuta Pealkirjade Värvi

Sisukord:

Kuidas Muuta Pealkirjade Värvi
Kuidas Muuta Pealkirjade Värvi

Video: Kuidas Muuta Pealkirjade Värvi

Video: Kuidas Muuta Pealkirjade Värvi
Video: Kuidas muuta betoonpõrand tolmukindlaks? 2024, Märts
Anonim

HTML (HyperText Markup Language) pakub kuut spetsiaalset silti erineva tasemega pealkirjade kuvamiseks. Kõigil neil on vaikeparameetrid (fondi suurus ja stiil, eelmise ja järgmise elemendi taanete arv jne). Neid valikuid saab CSS-i juhiste (kaskaadstiililehed) abil tühistada ja seeläbi muuta pealkirjade välimust veebilehe tekstis.

Kuidas muuta pealkirjade värvi
Kuidas muuta pealkirjade värvi

Juhised

Samm 1

Pange erineva tasemega pealkirjad vastavate avamis- ja sulgemissiltide vahele, kui see pole juba tehtud veebilehe lähtekoodis. Näiteks peaks kõige olulisem pealkiri (esimene tase) olema siltide vahel

ja

:

Esimese taseme pealkiri

Järgmise tähtsaima taseme alamrubriik tuleks asetada siltide vahele

ja

jne. Eeldatavast tasemest viimane on kuues -

ja

2. samm

Pange lähtekoodi päise ossa (ja siltide vahele) lause, mis ütleb külastaja brauserile, et selles kohas on CSS-i stiilide kirjeldus:

/ * CSS-i juhised on siin * /

3. samm

Lisage stiili avamise ja sulgemise vahele stiilikirjeldused iga taseme pealkirja jaoks, mille välimust soovite muuta. Näiteks kui peate muutma ainult esimese taseme pealkirjade välimust, võib see kood välja näha järgmine:

h1 {

värv: punane;

fondi suurus: 20px;

fondi stiil: kursiiv;

fondi kaal: paks;

ülemine äär: 30 pikslit;

alumine serv: 20 pikslit;

}

Siin näitab h1, et lokkis traksidega kirjeldus viitab h1 sildile ja seda nimetatakse "valijaks". Värviparameeter määrab teksti värvi, fondi suuruse parameeter on fondi suurus, kursiivse väärtusega fondi stiil on kursiiv kirjatüüp, rasvase väärtusega fondi kaal on rasvane, ülemine serv marginaal ja marginaal-põhi on alumine veeris. Teise taseme pealkirjade jaoks lisage sarnane plokk h2 valijaga jne.

4. samm

Kui kirjeldamiseks on palju tasemeid, kasutage lühisüntaksi. Näiteks võib fontide kirjeldused paigutada ühte parameetrisse, samuti taande suuruse kirjeldused. Näide:

h1 {

värv: punane;

font: paks 20px arial;

veeris: 30px020px0;

}

h2 {

värvus: oranž;

font: paks 18px arial;

veeris: 25px015px0;

}

Marginaali parameetris tuleb veerised määrata päripäeva, alustades ülemisest veerist läbi tühiku (paremal üleval vasakul vasakul).

Soovitan: