HTML (HyperText Markup Language) нь янз бүрийн түвшний гарчгийг харуулах зургаан тусгай хаяг өгдөг. Эдгээр нь бүгд анхдагч параметрүүдтэй (үсгийн хэмжээ, хэв маяг, өмнөх ба дараагийн элементүүдийн оруулсан хэмжээ, г.м.). Эдгээр сонголтуудыг CSS зааврыг (Cascading Style Sheets) ашиглан хүчингүй болгож болох бөгөөд ингэснээр вэб хуудасны текстийн гарчгийн гарчгийг өөрчлөх боломжтой.
Зааварчилгаа
1-р алхам
Вэб хуудасны эх код дээр хийгээгүй бол харгалзах нээлтийн ба хаах шошгоны хооронд янз бүрийн түвшний гарчгийг байрлуул. Жишээлбэл, хамгийн чухал гарчиг (эхний түвшин) хаягуудын хооронд байх ёстой
болон
:
Эхний түвшний гарчиг
Дараагийн хамгийн чухал түвшний дэд гарчгийг хаягуудын хооронд байрлуулах хэрэгтэй
болон
гэх мэт. Урьдчилан тооцоолсон түвшний сүүлчийнх нь зургаа дахь нь юм.
болон
Алхам 2
Эх кодын толгой хэсэгт (ба шошгоны хооронд) зочны хөтөч дээр CSS дээрх хэв загварын тодорхойлолт байгаа тухай мэдэгдэл байрлуул.
/ * CSS заавар энд байх болно * /
Алхам 3
Нээлтийн ба хаалтын загварын шошгуудын хооронд дүр төрхийг өөрчлөхийг хүссэн түвшин бүрийн гарчгийн хэв маягийн тодорхойлолтыг нэмж оруулаарай. Жишээлбэл, хэрэв та зөвхөн эхний түвшний гарчгийн төрхийг өөрчлөх шаардлагатай бол энэ код дараах байдалтай байж магадгүй юм.
h1 {
өнгө: улаан;
үсгийн хэмжээ: 20px;
үсгийн хэв маяг: налуу;
үсгийн жин: тод;
margin-top: 30px;
захын доод хэсэг: 20px;
}
Энд h1 нь буржгар хаалт дахь тайлбар нь h1 хаягийг илэрхийлж байгааг "сонгогч" гэж нэрлэдэг болохыг харуулж байна. Өнгөний параметр нь текстийн өнгийг тохируулдаг, фонтын хэмжээ нь фонтын хэмжээ, налуугийн утга бүхий үсгийн хэв маяг нь налуу хэлбэрийн үсгийн хэлбэр, тод утгатай фонтын жин нь тод, захын дээд хэсэг нь дээд маржин, margin-bottom нь доод зах юм. Хоёрдахь түвшний гарчгийн хувьд h2 сонгогчтой ижил төстэй блок нэмж оруулаарай.
Алхам 4
Тодорхойлох олон түвшин байгаа бол товчлолын синтаксийг ашиглана уу. Жишээлбэл, фонтын тодорхойлолтыг нэг параметрт байрлуулж, мөн догол мөрний хэмжээг тодорхойлж болно. Жишээ:
h1 {
өнгө: улаан;
фонт: тод 20px arial;
маржин: 30px 0 20px 0;
}
h2 {
өнгө: улбар шар;
фонт: тод 18px arial;
маржин: 25px 0 15px 0;
}
Хөвөөний параметрт дээд хязгаараас эхлэн цагийн зүүний дагуу зайг (баруун дээд доод зүүн) зайгаар зааж өгөх ёстой.
