Топ талын оруулга CSS: Агуулга ЖАГСААЛТ

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

Энэ нь үнэхээр байр сууриа үед бүх талд дүүрэн хуудсан дээр бүх элемент нь чухал бөгөөд дээд маржин төрөл бүрийн элемент, ялангуяа бага тохиолдолд чухал ач холбогдолтой, ялангуяа, учир нь CSS тодорхойлогдоно.

Үндсэн байр суурь дүрэм

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

Ялангуяа чухал ач холбогдолтой дээд хязгаар юм. нэгж туйлын ба харьцангуй байр сууриа тэр блок дотор элементүүдийг дотоод дүүрэн дүрэм холбодог дотор CSS дүрэм.

CSS-дүрмийг ердийн Зөвлөгөө: Та бүх талын ашгийг тэгш, хос хосоороо дээд / доод, зүүн / баруун, эсвэл тусад нь тал тус бүрт нь зааж өгч болно. Жишээ нь,

• маржин: 10px;
• дүүрэн: 10px20px;
• дүүрэн: 10px20px30px40px.

Эхний тохиолдолд гишүүний хувьд тухайн тэр оршдог гадна савны тал,-аас нөхөн суулгасан байна. Хоёр дахь тохиолдолд дээд ба доод ашиг 10px, зүүн, баруун нь - 20px. Гурав дахь тохиолдолд бүх талын жийрэглэх хэмжээ нь: дээд, баруун доод, зүүн.

Эдгээр бүх тохиолдолд, дээд хязгаар нь CSS 10 PX юм.

элементүүдийн байрлалыг өөрчлөх журам

байршил элемент үнэхээр байр суурь биш юм бол, энэ нь ерөнхий дараалал хэлбэр хуудас байна.

ямар ч - Бид CSS scCurrInfo элементийн шилдэг маржин хүрсэн байна, Ли түвшинд эсэхийг тодорхойлно уу.

Энэ жишээн дээр, дүүрэн дүрмийг ашиглана: 40px; Энэ нь хангалттай дүрэм 80px нь өргөн, өндөр багасгах шаардлагатай. Үгүй бол scCurrInfo блок хэмжээ, гадаад нэгжийн гадна гарч авдаг.

Та тайлбар дүрэм scCurrInfo нь жийргэвчтэй устгаж, харин жагсаалт зүйл нь хэв маяг нь тодорхойлолтонд 20px нь үнэ цэнэ нь зөвхөн дээд хязгаараар нэмж байгаа бол. CSS бусад талуудад энэ утгыг хамаарахгүй.

Мэдээжийн хэрэг, догол дүрэм ийм хэрэглээ элемент Ли бүрт хэрэглэнэ.

Ерөнхий практик агуулга форматлах

Зарим нь хөгжүүлэгчид нь төгс төгөлдөрт, бээр хүрч, хагас хуудас элементүүдийг хаах. Иймээс энэ нь сонгодог арга юм - ширээн дээр нь эхэлж, блок дээр өөрсдийн боловсролын үйл явцыг дуусгах.

блок зохион, ховсдож уламжлалт эрх чөлөө ба төсөөллийн хөгжүүлэгч чанд хүснэгтэн журмын хязгаарлагдмал байх нь зөвхөн босоо болон хэвтээ зөвхөн эсийн Fusion орж чадахгүй. Юу ч салшгүй хамааралт санаа.

Үүний зэрэгцээ, ширээ, гадна илэрхий сул талуудтай нь, тэнд олон чанарын давуу тал юм. (- энэ нь онцгой мөч юм ёроолоос) орой дээр нь шүдэнд үүсгэх, CSS баруун, зүүн талд жийрэглэх боломжийг олгодог. Дүрэм та аль аль нь босоо болон хэвтээ чиглэлд нийцэж хүснэгт эсийг хянах боломжийг олгодог. , Загвар цуврал ашиглан эсийн хэв маяг тэдгээрийг хослуулах агуулгыг цогц танилцуулгыг бий болно.

тэгш өнцөгт хэлбэрээр хуудасны байнга төлөөлөл (блок зохион) хүснэгтэд үүнийг саад болохгүй. Энэ нь бас нэг тэгш өнцөгт байдаг, гэхдээ тэд байна, энэ нь ширээний эсийн бас байдаг, блок дүрмийг нэмэлт өөрийн дүрэм бий.

үнэмлэхүй байр суурь

; Блок Дүрэм Албан тушаал: үнэмлэхүй; Энэ бол энэ нь оршдог блок харьцангуй нь координатаар томилсон газар байрладаг болно.

хөндлөн хөтөч нийцтэй байх, болон байршил гараар хийж байна, ялангуяа ихэнх тохиолдолд, Cascading Style Sheets нь өгвөл өндөр агуулгатай сурах гарын авлага CSS дүрмийг нь онцлог шинж чанар - - "Үнэний хамгийн сайн шалгуур практик".

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

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