css 3 Positionnement

display (inline, block, inline-block, none...)

transforme n'importe quel élément de votre page d'un type vers un autre. Par ex: imposer à ses liens (originellement de type inline) d'apparaître sous forme de blocs. Les liens vont se positionner les uns en-dessous des autres (comme des blocs normaux) et il devient possible de modifier leurs dimensions.

a
{
    display: block;
}


inline-block (ex: <select>, <input> pour formulaires) : Eléments positionnés les uns à côté des autres (comme les inlines) mais qui peuvent être redimensionnés (comme les blocs).
none : Eléments non affichés. ex: .secret{display: none} à réafficher par js pour les menus/sous-menus

Pour cacher un élément

cacher montrer display vs visibility

display: none;

display: block;

retire aussi l'espace (vertical)

visibility: hidden;

visibility: visible;

cache le tag, l'espace reste