Агуулгын хүснэгт:

CSS дээр дэлгэцийн блокыг юу ашигладаг вэ?
CSS дээр дэлгэцийн блокыг юу ашигладаг вэ?

Видео: CSS дээр дэлгэцийн блокыг юу ашигладаг вэ?

Видео: CSS дээр дэлгэцийн блокыг юу ашигладаг вэ?
Видео: Блок, Inline, Inline-Block-ийг тайлбарлав | CSS заавар 2024, Арваннэгдүгээр
Anonim

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

Мөн CSS дээр inline блокыг харуулах нь юу гэсэн үг болохыг мэдэх үү?

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

Нэмж хэлэхэд, HTML хэл дээр дэлгэц нь юу гэсэн үг вэ? Тодорхойлолт ба хэрэглээ The харуулах шинж чанарыг тодорхойлдог харуулах элементийн зан төлөв (дамжуулах хайрцагны төрөл). онд HTML , анхдагч харуулах эд хөрөнгийн үнэ цэнэ байна -аас авсан HTML техникийн үзүүлэлтүүд эсвэл хөтөч/хэрэглэгчийн өгөгдмөл загварын хуудаснаас. XML дээрх анхдагч утга байна inline, үүнд SVG элементүүд орно.

Ийм байдлаар CSS-д ямар төрлийн дэлгэц байдаг вэ?

Эдгээрийг тус бүрээр нь авч үзье, дараа нь бусад бага нийтлэг утгуудын заримыг авч үзье

  • Шугаманд. Элементүүдийн өгөгдмөл утга.
  • Inline блок. Inline-block-д тохируулсан элемент нь текстийн байгалийн урсгалын дагуу ("суурь" дээр) шугамд тохируулагдах тул шугамтай маш төстэй юм.
  • Блоклох.
  • Орсон.
  • Flexbox.
  • Урсгал-Үндэс.
  • Байхгүй.

Дэлгэц байхгүй, дэлгэцийн блок хоёрын ялгаа юу вэ?

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

Зөвлөмж болгож буй: