Sheet Cheat: текст CSS хэрхэн догол гаргах нь

Вэб нөөц нь харааны давж заалдах хэрэглэгчид үнэ цэнэтэй. Тийм учраас, тэр ч байтугай ашигтай текст мэдээлэл улмаас энэ нь муу хийгдсэн гэдгийг уншиж чадахгүй байна. Дүгнэлт - шаардлага, болгоомжтой, анхааралтай нь зөвхөн хуудсуудын утга агуулга, бас түүний харааны танилцуулах юм. CSS технологийн Угтах сонирхолтой нийтлэл бий болгох боломж нэмэгдсэн байна. Догол CSS текст - бичсэн ойлголт хөнгөвчлөх зорилготой эд хөрөнгө, нэг нь.

Маржийн болон дүүрэн: ялгаа нь юу вэ?

Хэрэв та текст хэлбэрт Эхлэхээсээ өмнө та ямар ашиг ба жийргэвчтэй ойлгох хэрэгтэй. Зарим тохиолдолд эдгээр тэмдэглэгээний элемент хэрэглэгчид ижил харагдах хэдий ч, тэдний хоорондын үндсэн ялгаа байдаг:

• талбар нь дүүрэн эд хөрөнгө, зайгаар өгдөг - түвшинг;
• талбар нь агуулга, блок хил хязгаар, сансрын хооронд ялгаа тодорхойлогдоно - зэргэлдээ блок хилийн хооронд;
• хээрийн хэмжээтэй элемент (өргөн, өндөр), ямар ч гэж үзэж болно.

маржин үл хөдлөх хөрөнгийн

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

догол мастер баримт бичгийг хэрэглэнэ. энгийн тохиолдолд, энэ нь бичиж болно:

маржин: 12px.

Энэ мөр нь бүх талд текст (эсвэл бусад блок) -ийн блок орчим догол 12 пиксель байрлуулсан байна гэсэн үг юм. хугацааг нэмэгдүүлэхийн тулд, жишээ нь, гурван удаа бичих хангалттай юм:

маржин: 36px.

Гэхдээ юу бол интервалын блок хооронд тал тус бүрт өөр өөр байх ёстой вэ? Вэб хөгжүүлэгчид бүртгэл хэд хэдэн хэлбэрийг ашиглана:

1. маржин: 11px 22px.
2. маржин: 11px 22px 33px.
3. маржин: 11px 22px 33px 44px.

22 пикселийн - Эхний жишээн дээр догол 11 цэгээр блок дээд, доод хил нь, блок талд хийсэн байна. 22 пикселийн - тал тус бүрт 33 пикселийг - дээд ирмэг, агуулга хооронд хоёр дахь рекорд нэгжийн дагуу бага хооронд, 11 пиксел байх болно. Гурав дахь тохиолдол нь CSS Догол текст шилдэг 11 пиксел, баруун тал нь 22 пиксел, 33 пиксел болон зүүн доод талд нь 44 пиксел утгыг байх болно.

маржин дээд, маржин ёроолтой: Мөн үүнийг уншаарай зөвхөн нэг талд блок хилээс зайг бичиж чадвар юм , маржин-зүүн, маржин баруун. Орос хэл шинж нэрийг орчуулж, энэ нь тэдний томилох тухай таахад хялбар байдаг. Жишээ нь, дараах оруулга нь баруун талд догол 22 пиксел тэнцүү байх болно гэдгийг харуулж байна:

маржин баруун: 22rh.

үзсэн блок талд эргэн тойронд үлдсэн зайнд нь эцэг, эх, элементийн үнэ цэнэтэй тэнцүү байх ёстой.

Маржийн үл хөдлөх хөрөнгийн хөгжүүлэгч босоогоор нь CSS Текст авагдсан ашиглаж байгаа үед санах хэрэгтэй боломжуудтай байдаг. зэргэлдээ орших элементүүдийн интервал дугнэж, бие биенээсээ дээр ууссан байна. Жишээ нь, нэгжийн нэг нь маржин-доод байна гэж үзье: 15px болон зэргэлдээ блок маржин дээд доор: 35px. Сургууль арифметик болон нийтлэг ойлголт нь тэдний хооронд нийт зай нь 50 пиксел байх болно гэж заадаг. Практикт энэ нь тийм биш юм. үл хөдлөх хөрөнгийн зах «хараацайтай" Хөршийнхөө том утга бүхий блок. Үүний үр дүнд, элемент хоорондын зай нь 35 пиксель юм.

"Улаан" шугам

текст засварлагч баримт бичиг гаргах нь хэрэглэгчид "улаан" мөр бүхий шинэ параграф бүрийг асуух илүүд үздэг. ашиглах текст Догол дизайн - Зүүн талд нь CSS текст зайгаар ашиглан хийх хялбар байдаг. Энэ нь иймэрхүү үүнийг Бичсэн:

текст Догол: 11px.

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

текст Догол: 11px;

текст тэгшлэх: зөвтгөх.

пиксел гадна, бусад тэмдэглэгээний нэгжийн ашиглалтын тодорхойлолтонд - инчийн хувь нь аж. нэгж 10% нь CSS текст нь шүдэнд байна үзье. Үед 500 пикселийн блок өргөн, улаан шугам нь 50 цэгээр (500, 10%) байх болно.

Энэ эд хөрөнгийн хувьд үнэ цэнэ нь өвлөх илэрч болно. Энэ бичлэг нэгж, эцэг эх, нэгжийн төстэй эд хөрөнгийг ашигладаг гэж байна.

текст Догол: өвлөн авдаг.

Гайхалтай нь, догол сөрөг утгуудыг авч болно! Энэ тохиолдолд, төсөөлөл гэж нэрлэгдэх үүссэн байна гэсэн үндсэн текст газар хэвээр байгаа бөгөөд эхний мөр нь 22 пикселийн зүүн шилжсэн байна:

текст Догол: -22px.

захидал текст зайгаар талбайн бүтцийг тодорхойлоход ашиглагдаж байх ёстой гадна, хөтөч зүүн хил дээр өнгөрсөн биш юм:

дүүрэн зүүн: 22px.

тустай сануулгууд нь

нь CSS-ийн үндсэн шинж чанар нь текст загварчлах гэж үзэж байна. , Тэдэнд туслах практикийг засах. Энд вэб хөгжүүлэх сурсан материалыг хэрхэн ашиглах талаар хэдэн эцсийн зөвлөгөө байна:

• Улаан шугам болон текстийн догол - өөр өөр үзэл баримтлал, тэдгээрийн удирдлага ашиглаж өөр өөр шинж чанар;
• босоо догол журам математик хэрэглэх хэрэггүй - интервал давхцаж, их утга бүхий элемент "ялалт";
• сөрөг догол нь дүрс бүхий хэсгийн эхний мөрийг зааж байсан.