Ихэнх тохиолдолд HTML хуудсан дахь догол мөрний хэмжээг тодорхойлохын тулд CSS хэлний чадварыг ашигладаг (Cascading Style Sheets). Хэдийгээр HTML хэл дээр хэд хэдэн "анхан шатны" үлдэгдэл байдаг бөгөөд зарим тохиолдолд хонхойлгохыг зөвшөөрдөг. Доорх нь ихэвчлэн ашиглагддаг сонголтуудын жагсаалтыг доор харуулав, гэхдээ үүнээс гадна HTML баримтуудын стандарт бус тэмдэглэгээний доголыг тохируулах боломжийг олгодог маш олон янзын заль мэхүүд байсаар байна.
Энэ нь зайлшгүй шаардлагатай
HTML ба CSS хэлний анхан шатны мэдлэг
Зааварчилгаа
1-р алхам
Доголзох хуудасны элементийг тодорхойлно уу. Жишээлбэл, текстийг шошгоны дотор байрлуулсан бол … (блок), дараа нь энэ блок нь энэ текстийн гол элемент байх бөгөөд заагийг блокийн хүрээнээс тоолох хэрэгтэй. Хэрэв текст (эсвэл зураг) нь ямар ч блок (div, li гэх мэт) эсвэл доторлогоотой (span, p, гэх мэт) элемент дотор ороогүй бол түүний гол хэсэг нь баримт бичгийн гол хэсэг (биеийн шошго) байх болно. Текстэд зориулсан эцэг эхийн элементийг тодорхойлох нь зайлшгүй шаардлагатай бөгөөд учир нь тэр дотогшоог үүсгэдэг хэв маягийн тодорхойлолтыг тохируулах хэрэгтэй болно. Таны текстийг div блок дотор байрлуулсан гэж үзье: Жишээ текст
Алхам 2
CSS хэлний захын шинж чанарыг ашиглан захын хязгаарыг, өөрөөр хэлбэл элементийн хилээс зэргэлдээ элементүүд хүртэлх зай, мөн эх элементийн хил хүртэлх зайг тохируулна уу. Энэ зайг тал тус бүрээр нь жийргэвчийн хувьд тусад нь тохируулж болно: ирмэг-дээд хэсэг - дээд талд, баруун зах - баруун талд, захын доод хэсэг - доод талд, захын зүүн - зүүн талд. Дээрх жишээний хувьд энэ CSS код дараах байдалтай байж магадгүй юм: div {
margin-top: 10px;
баруун зах: 15px;
захын доод хэсэг: 40px;
зүүн зах: 70px;
} Энд "div" нь энэ хэв маягийг баримт бичгийн код дахь бүх divs-д ашиглах ёстойг зааж өгсөн сонгогч юм. CSS синтакс нь бүх дөрвөн мөрийг нэг дор нэгтгэх боломжийг олгоно: div {
маржин: 10px 15px 40px 70px;
} Догол мөрийн утгыг үргэлж энэ дарааллаар зааж өгөх ёстой: эхлээд - дээд талд, дараа нь - баруун, доод, зүүн талд. Хэрэв дотогшоо талууд бүгд ижил байвал утга зааж өгөхөд л хангалттай. нэг удаа: div {
маржин: 70px;
} Нэмж дурдахад та хөвөгч хэвтээ захыг (өөрөөр хэлбэл зүүн ба баруун) тохируулж болно. Хөтчийн цонхны төвд өгөгдсөн өргөнтэй блокыг яг тохируулах шаардлагатай үед энэ нь маш их хэрэг болно. Хөтөч өөрөө дараахь CSS мэдэгдлийг бичвэл хоёр талдаа ямар хэмжээтэй байх ёстойг автоматаар тодорхойлдог: div {
маржин: 0 автомат;
}
Алхам 3
Бичигт тохируулахын тулд padding шинж чанарыг ашиглана уу, энэ нь элементийн хилээс текстийг оруулаад дотор нь байрлуулсан бүх элемент хүртэлх зай юм. Энэ үл хөдлөх хөрөнгийн синтакс нь маржин шинж чанартай яг ижил байна: div {
дээд тал: 10px;
баруун тал: 15px;
жийргэвч-доод: 40px;
зүүн талын дэвсгэр: 70px;
} Эсвэл div {
дүүргэлт: 10px 15px 40px 70px;
}
Алхам 4
Текст-догол мөрийн шинж чанарыг ашиглан текстийн догол мөр бүрийн эхний мөрөнд нэмэлт доголыг тохируулна уу. Жишээ нь: div {
текстийн догол мөр: 80px;
}
Алхам 5
HTML img тагын hspace ба vspace атрибутуудыг ашиглан зургаас гадна элементүүд рүү хэвтээ ба босоо доголыг тус тус тохируулна уу. Жишээ нь:
Алхам 6
Хүснэгтэд байгаа нүднүүдийн хязгаараас тэдгээрийн агуулгад тохируулгыг тохируулах шаардлагатай бол хүснэгтийн тагны cellpadding шинж чанарыг ашиглана уу. Нүдний зайны шинж чанар нь хүснэгтийн нүднүүдийн хоорондын зайг тохируулдаг. Жишээлбэл:
| 1 | 2 |
