HTML- ը (HyperText Markup Language) տարբեր մակարդակների վերնագրեր ցուցադրելու համար տրամադրում է վեց հատուկ պիտակ: Բոլորն ունեն լռելյայն պարամետրեր (տառատեսակի չափը և ոճը, նախորդ և հաջորդ տարրերից փորվածքների քանակը և այլն): Այս ընտրանքները կարող են չեղյալ համարվել ՝ օգտագործելով CSS հրահանգներ (Կասկադի ոճի թերթեր) և այդպիսով փոխելով վերնագրերի տեսքը համացանցային կայքի տեքստում:
Հրահանգներ
Քայլ 1
Տեղադրեք տարբեր մակարդակի վերնագրեր համապատասխան բացման և փակման պիտակների միջև, եթե դրանք արդեն արված չեն ինտերնետային կայքի սկզբնաղբյուրում: Օրինակ, ամենակարևոր վերնագիրը (առաջին մակարդակ) պետք է լինի պիտակների միջև
և
:
Առաջին մակարդակի վերնագիր
Հաջորդ ամենակարևոր մակարդակի ենթավերնագիրը պետք է տեղադրվի պիտակների միջև
և
և այլն Նախատեսված մակարդակներից վերջինը վեցերորդն է.
և
Քայլ 2
Տեղադրեք աղբյուրի կոդի վերնագրի մասում (և պիտակների միջև) մի հայտարարություն, որն ասում է այցելուի զննարկչին, որ այս վայրում CSS- ում կա ոճերի նկարագրություն.
/ * CSS հրահանգները կլինեն այստեղ * /
Քայլ 3
Բացման և փակման ոճի պիտակների միջև ավելացրեք ոճի նկարագրություններ յուրաքանչյուր մակարդակի վերնագրերի համար, որի վրա ցանկանում եք փոխել տեսքը: Օրինակ, եթե միայն անհրաժեշտ է փոխել առաջին մակարդակի վերնագրերի տեսքը, ապա այս ծածկագիրը կարող է նման լինել այսպիսի.
h1 {
գույնը `կարմիր;
տառատեսակի չափը ՝ 20 հատ;
տառատեսակի ոճ ՝ շեղատառ;
տառատեսակի քաշը `համարձակ;
margin-top: 30px;
լուսանցք-ներքևում `20px;
}
Այստեղ h1- ը ցույց է տալիս, որ գանգուր ամրագոտիների նկարագրությունը վերաբերում է h1 հատկորոշիչին և կոչվում է «ընտրիչ»: Գույնի պարամետրը սահմանում է տեքստի գույնը, տառատեսակի չափի պարամետրը `տառատեսակի չափը, տառատեսակի ոճը` շեղատառի արժեքով `շեղատառ տառատեսակը, տառատեսակի քաշը` համարձակ արժեքով `թավ, լուսանցքի վերևը` վերևը: մարժա, իսկ մարժա-ներքևը ներքևի մարժան է: Երկրորդ մակարդակի վերնագրերի համար ավելացրեք նմանատիպ բլոկ h2 ընտրիչով և այլն:
Քայլ 4
Օգտագործեք սղագրության շարահյուսությունը, եթե նկարագրելու համար կան շատ մակարդակներ: Օրինակ, տառատեսակների նկարագրությունները կարող են տեղադրվել մեկ պարամետրում, ինչպես նաև փորվածքների չափերի նկարագրությունները: Նմուշ:
h1 {
գույնը `կարմիր;
տառատեսակ ՝ համարձակ 20px arial;
լուսանցք ՝ 30px 0 20px 0;
}
h2 {
գույնը `նարնջագույն;
տառատեսակ ՝ համարձակ 18px arial;
լուսանցք ՝ 25px 0 15px 0;
}
Լուսանցքի պարամետրում լուսանցքները պետք է նշվեն ժամացույցի սլաքի ուղղությամբ, սկսած վերին լուսանցքից, տարածության միջով (վերևի աջ ներքևի ձախ մասում):
