Mundarija:

CSS-da displey blokidan qanday foydalanish kerak?
CSS-da displey blokidan qanday foydalanish kerak?

Video: CSS-da displey blokidan qanday foydalanish kerak?

Video: CSS-da displey blokidan qanday foydalanish kerak?
Video: CSS | 15. "Display" xossasi 2024, Aprel
Anonim

The CSS-ni ko'rsatish xususiyat elementga a sifatida qaralishini belgilaydi blok yoki inline element va tartib ishlatilgan uning bolalari uchun, masalan, oqim tartibi, panjara yoki egiluvchan.

Shuningdek, bilingki, CSS-da inline blokni ko'rsatish nimani anglatadi?

CSS Tartib - ko'rsatish : mos ravishda - blok Ga solishtirganda ko'rsatish : mos ravishda , asosiy farq hisoblanadi bu ko'rsatish : mos ravishda - blok elementga kenglik va balandlikni o'rnatish imkonini beradi. Shuningdek, bilan ko'rsatish : mos ravishda - blok , yuqori va pastki chetlari/to'ldirgichlar hurmat qilinadi, lekin bilan ko'rsatish : mos ravishda ular emas.

Bundan tashqari, HTMLda displey nimani anglatadi? Ta'rif va foydalanish The ko'rsatish xususiyatni belgilaydi ko'rsatish elementning xatti-harakati (ko'rsatish qutisi turi). In HTML , standart ko'rsatish mulk qiymati hisoblanadi dan olingan HTML spetsifikatsiyalar yoki brauzer/foydalanuvchining standart uslublar jadvalidan. XML-dagi standart qiymat hisoblanadi inline, shu jumladan SVG elementlari.

Shu tarzda, CSS-da qanday displey turlari mavjud?

Keling, bularning har birini ko'rib chiqamiz va keyin boshqa kamroq tarqalgan qadriyatlarni yoritamiz

  • Mos ravishda. Elementlar uchun standart qiymat.
  • Inline blok. Inline-blockga o'rnatilgan element inlinega juda o'xshaydi, chunki u matnning tabiiy oqimiga ("asosiy chiziq" bo'yicha) inline o'rnatiladi.
  • Bloklash.
  • Yugurish.
  • Flexbox.
  • Oqim-ildiz.
  • Yo'q.

Displey yo'q va displey bloki o'rtasidagi farq nima?

Displey : yo'q ; element bo'lmasligini bildiradi ko'rsatilgan , va Displey : blok ; element ekanligini bildiradi ko'rsatilgan kabi blok -darajali element (masalan, paragraflar va sarlavhalar).

Tavsiya: