diedVIPs

html knowhow

Layouts












Layouts
display display ist die wichtigste CSS-Eigenschaft zum Steuern des Layouts.
Es gibt an, ob/wie ein Element angezeigt wird.
  • &<template>
  • inline
  • block
  • inline-block
  • table
  • inline-able
  • table-row-group
  • table-header-group
  • table-footer-group
  • table-row
  • table-column-group
  • table-column
  • table-cell
  • table-caption
  • flex(CSS 3)
  • inline-flex(CSS 3)
a {display: block;}
h1.hidden {visibility: hidden;}
li {display: inline;}
span.a {display: inline; width: 100px;
height: 100px; padding: 5px; border: 1px solid blue; background-color: yellow;}

span.b {display: inline-block; width: 100px; height: 100px; padding: 5px;
border: 1px solid blue; background-color: yellow;}

span.c { display: block; width: 100px;
height: 100px; padding: 5px; border: 1px solid blue; background-color: yellow;}







Kontakt    Datenschutz   Impressum