1.09. Block ja inline, div ja span

HTML-kielessä elementillä on kaksi vaihtoehtoa, block tai inline.

block -elementti

  • Alkaa aina uudelta riviltä
  • Valloittaa koko selaimen leveyden
  • Esimerkiksi 
    • <p>
    • <div>
    • <form>
    • <header>
    • <nav>
    • <ul>
    • <li>
    • <h1>
  • css: display: block;

Inline -elementti

  • Voi olla keskelle riviä
  • Voi olla keskellä block -elementtiä
  • Esimerkiksi
    • <a>
    • <b>
    • <span>
    • <i>
    • <code>
  • css: display: inline;

 

Selain

selain

Koodi

koodi

Selite

Rivinumero Selite
 4 – 22 Body osiossa olevien elementtien tyylien määritys 
27 -31 div -elementti. Elementin tyyli määritellään rivillä 9 – 13
30 ja 37 Span -elementti. Elementin tyyli määritellään rivillä 19 – 22
34 – 38 div -elementti. Elementin tyyli määritellään rivillä 15 – 17

Comments are closed.

By continuing to use the site, you agree to the use of cookies. - - - - - - Jatkamalla sivuston käyttöä hyväksyt evästeet.
more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.
- - - - - -
Tällä sivulla käytetään evästeitä sivuston paremman toiminnan takaamiseksi. Jatkamalla sivuston käyttöä tai napsauttamalla "Accept" hyväksyt sivuston evästeet.

Close