CSS Display. Layout CSS - Proprietatea display. Elementele block și inline. Elemente la nivel de block: div, h1 - h6, p, form, header, footer, section. Elemente în linie: span, a, img.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Proprietatea display este cea mai importantă proprietate CSS pentru controlul aspectului.
Proprietatea display
Proprietatea display specifică dacă / cum este afișat un element.
Fiecare element HTML are o valoare de afișare implicită în funcție de tipul de element. Valoarea implicită a afișajului pentru majoritatea elementelor este block sau inline.
Elemente la nivel de block (Block-level Elements)
Un element la nivel de block (block-level element) pornește întotdeauna pe o nouă linie și ocupă toată lățimea disponibilă (se întinde spre stânga și spre dreapta, cât poate).
Exemple de elemente la nivel de block (block-level element) :
- <div>
- <h1> - <h6>
- <p>
- <form>
- <header>
- <footer>
- <section>
Elemente în linie (Inline Elements)
Un element inline nu pornește de pe o nouă linie și ocupă doar lățimea necesară.
Acesta este un element <span> inline din interiorul unui paragraf.
Exemple de elemente inlinie:
- <span>
- <a>
- <img>