CSS-д Тохиргоо: мөр хоорондын зай

CSS нь шугам хоорондын зай тохируулах нь маш амархан байдаг. энэ зорилгоор тусгай өмч байдаг. Гэхдээ, мэдээж хэрэг, тэнд өөр олон үзүүлэлт, түгээмэл байдаг бөгөөд текст хэрэглэж болно юм.

ямар ч тохируулга хийж байгаа бол, Хэрэв та анхдагч утгууд нь тохируулагдсан байдаг. Хэрэв хүсвэл та зайг өөрчилж болно. үнэ цэнэ нь хувь буюу пиксел аль нэг байж болно.

Мөрийн өндөр

шугамын хоорондох CSS зай нь дараах зурагт харуулж болно.

Дээрх зураг дээр харгалзах зайд нь параметрүүдийг харуулж байна. текст зай үсгийн хэмжээтэй байна. текст шугам суурь, бага зэрэг өндөр эхлэх байна гэж анхаарна уу. үсэг доод элементүүд (г, Y, гэх мэт) байх нь доор заасан орон зай.

блок үсгийн хэмжээ хоорондын зай гэж нэрлэдэг хүргэж байна гэдгийг анхаарна уу. HTML болон CSS нь энэ үл хөдлөх хөрөнгийн гарч биш, гэхдээ энэ нь бусад график болон текст засварлагчид байна. Жишээ нь, Adobe Photoshop байна.

"Photoshop" -д та тэргүүлэх зааж өгч болно Дээрхи зураг. Дараагийн үсгийн хэмжээ тохиргоог заасан.

шугам өндөр ашиглан жишээ

CSS нь шугам хоорондын зай хувь тохируулж болно. Нэг жишээ Доорх жишээ нь өгсөн байна.

Таны сайтын хэрэглэгчийн жижиг утгын хувьд уншихад тохиромжгүй байх болно.

зай харилцан адилгүй, үсгийн хэмжээ байж болно. үндсэн үзүүлэлтүүдийн хоорондох ялгаа нь тоо маш их ялгаатай юм бол ялгаа нь өсөлт тэргүүлэгч нөхөн байна.

дизайн subtleties

шугамын хоорондох CSS зайг цаашид янз бүрийн indents өөрчлөх боломжтой. Зураг-ын жишээг авч үзье.

Энэ тохиолдолд "элемент" нь текст байх болно. Жийргэвчтэй - обьектийн догол - дүүрэн маржин обьект дотор, мөн. Хилийн - Энэ хүрээ нь. Энэ нь 0 пиксел байж болно, 100 байж болох юм.

Дараах зураг нэн даруй бүх ашгийг, хүрээ болон текст шугамын өндөр байгааг харуулж байна.

Та бүгд нэг мөрөнд нь жижиг текст, эсвэл тусад нь догол мөр бүрийг бол зай авагдсан зүйлийн хооронд тохируулж болно. Энэ нь нэг өрөөндөө шугамын ямар ч нөлөө үзүүлэхгүй хооронд maring ба дүүрэн байна. Тэд зөвхөн обьект захаар нь шүдэнд бий. Объект - энэ бүх зүйлийг биш, харин дотор нь шугамын. Энэ нь эргэлзэж авч байх нь чухал юм.

тохиолдолд эгнээ болгон, бүгдийг нь нэг объект байрладаг олон тооны, үсгийн үндсэн үзүүлэлтүүдийг өөрчлөх нь зүйтэй байх ёстой юм.

CSS-ийн шугамын хоорондох зайг нэмэгдүүлэх вэ

HTML шугам хоорондын зай, та ямар нэгэн анги эсвэл текст бүх зүйлийн төлөө бүртгүүлж болно. P {шугам өндөрт: Хэрэв та энэ мэт зааж бол 20px; } - Дараа нь үнэхээр хуудсан дээр нь бүх зүйлийн 20 пиксел мөр байх болно. Хэрэв та өөр өөр хэмжээтэй өөр өөр газарт байгаа бол, энэ нь дараах байдлаар хийхийг санал болгож байна.

Бид хэв маягийг зааж.

.class1 {шугам өндөр: 20px; }

.class2 {шугам өндөр: 16px; }

.class3 {шугам өндөр: 12px; }

Тодруулбал, бид болохоор та Хэрэв энэ нь ажиллаж байгааг харж болно, хүрээ нэмнэ. Ирээдүйд энэ нь устгах хэрэгтэй.

Дараа нь бид эдгээр ангиудыг ашигладаг. үр дүн нь дараах байдалтай байна.

Гурав дахь тохиолдолд хамтлаг текст явлаа гэдгийг анхаарна уу. Бүх улмаас гэдгийг үсгийн хэмжээ шугамын өндөртэй илүү их байдаг. Тиймээс ийм зөрчил биш байсан эсэхийг нь чухал юм. Хэрэв та жижиг шугам өндөртэй хийж байгаа юм бол, тус фонт бууруулна.

Энэ нь ч бас бага зэрэг текст болон шугам хоорондын жижиг зайг хийх санал болгож байна. хэрэглэгчдийн аль нь ч тайван бүгдийг уншиж чадахгүй байх учраас. Тэр маш хурдан ядарсан нүд. Хайлтын систем нь мөн текст хэрэглэхэд хялбар юм гэж хэлж байна.

Түүнээс гадна, сүүлийн жилүүдэд тэнд гар утас хэрэглэгчдийн хувьд тохиромжтой, энгийн хүчтэй хүч юм. Тэнд зөвлөмж үргэлж үсгийн хэмжээ хэвийн, бага биш байх ёстой гэж хэлсэн. Ялангуяа хүчтэй энэ лавлагаа нөлөөлдөг. Тэдний бага хэмжээ нь хэрэглэгчийн сайт Хөтөлж ашиглах нь хэцүү байх болно.

хайлтын систем нь "Google" шинжилгээний туслах тусгай хэрэгсэл юм. Энэ нь webmasters маш тохиромжтой байдаг.

Энд байж болох үр дүнгийн нэг жишээ юм.

Эдгээр шалгуур нь хайлтын үр дүнд нөлөөлөхгүй, учир нь эдгээр зөвлөмжийг ашиглах нь зүйтэй юм.