Wbudowane i blokowe elementy poziomu w CSS | Wyjaśnione

Wbudowane i blokowe elementy poziomu w CSS | Wyjaśnione
Podstawowy język programowania internetowego, HTML, składa się z szerokiej gamy elementów, które są uważane za jednostki podstawowe strony internetowej. Elementy te można podzielić na dwie główne grupy, które są Elementy wbudowane I Elementy poziomu bloków. Świadomość tych dwóch kategorii i ich różnic jest bardzo znacząca. Ten samouczek oświeca czytelników na temat następujących;
  1. Elementy wbudowane
  2. Elementy poziomu bloków
  3. Jak zamienić elementy inline i blokujące poziom

Zacznijmy.

Elementy wbudowane

Elementy, które zużywają tylko wymaganą ilość miejsca Elementy wbudowane. Można je również nazywać elementami wyświetlanymi w linii.

Te elementy nie zaczynają się od nowej linii, co więcej, możesz umieścić wiele elementów inline w tej samej linii.

Elementy inline HTML są , , , , , , , , , , , , , , , , , , , , , , , , , , ,
, , , , , I .

W załączonym zrzucie ekranu poniżej widać, że jest to element wbudowany i przyjmuje tylko ilość wymaganej przestrzeni.

Teraz, jeśli dodasz inny element inline, na przykład inny przycisk, nie będzie on wyświetlany na nowym wierszu.

Tak działają elementy wbudowane.

Teraz, gdy zrozumieliśmy pojęcie elementów wbudowanych, zbadajmy elementy poziomu bloków.

Elementy poziomu bloków

Elementy, które zużywają całą dostępną przestrzeń (od lewej do prawej) i zaczynają od nowej linii, są uważane za Elementy poziomu bloków.

Elementy poziomu bloku są w stanie przechowywać elementy wbudowane wraz z innymi elementami poziomu bloku. Większość elementów w HTML to elementy blokowe.

Elementy poziomu bloku HTML są ,

    ,