CSS – Запознайте се със свойството display
display е най-важното стилово свойство в CSS за контрол на стила. Всеки елемент има стойност за показване по подразбиране в зависимост от вида на елемента. За повечето елементи стойностите за показване по подразбиране обикновено ще бъдат блокови или вградени. В оригинала елемент на ниво блок често се нарича елемент на ниво блок.Вграденият елемент няма алтернативно име.
div е стандартен блоков елемент. Блоковите елементи започват на нов ред и тяхното съдържание се простира наляво и надясно, доколкото е възможно. Други често срещани блокови елементи са p и form, както и нови блокови елементи от HTML5 като горен колонтитул, долен колонтитул, раздел и други.
span е стандартен вграден елемент. Вграденият елемент може да обвие текст в абзац като този, без да нарушава структурата му. Най-често срещаният вграден елемент е a, тъй като го използвате за връзки.
Различно е от видимостта. Задаването на свойството display на none ще изобрази страницата така, сякаш елементът не съществува. видимост: скрита; просто ще скрие елемента, но елементът все още ще заема място, сякаш е напълно видим.
други стойности на дисплея
Има много по-екзотични стилови стойности за показване, като списък-елемент и таблица. Ето пълния списък. Ще обсъдим inline-block и flex по-късно.
допълнение
Както казах преди, всеки елемент има тип дисплей по подразбиране. Винаги обаче можете да отмените това! Въпреки че не би имало смисъл да правите div inline, можете да използвате това, за да персонализирате показването на елементи с лична семантика.Типичен пример е възможността за подреждане на li елементи за хоризонтално меню.