sötétség, mikroenergiák, szubatomok – nincs este, nincs reggel, 0-dik nap

HTML block és inline elemek, div és span

Minden HTML elemnek van egy alapértelmezett megjelenítési (display) értéke. Ezek közül a két leggyakoribb a block és az inline.

Block elemek

Ezek az elemek mindig új sorban kezdődnek és az egész rendelkezésükre álló helyet kitöltik. Ilyenek például:

  • h1-h6

    formázás tekintetében például:
  • h1,figcaption {
      text-align:center;
        font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    }
  • p
    bármilyen szöveg és ennek formázása, például:

    p{
      color: rgba(0,0,0.8);
      font-family: Georgia,Cambria,"Times New Roman",Times, serif;
      font-size: 21px;
      letter-spacing: -.003em;
      line-height: 1.58;
    }
  • div
    
    

Inline elemek

Az inline elemek nem kezdődnek új sorban és csak annyit helyet foglalnak el, amennyit a bennük foglalt tartalom megkíván. Ilyenek például:

  • a
    a link árnylása egérmutatóval, például:
    a:hover{
      color:rgba(153,153,153,1);
    }
  • img
    kép formázása a kitöltés tekintetében, például:
    img{
      height: auto;
      width: 100%;
    }
  • span
    
    
    
    

A div és a span elemek

Mindkét elem úgynevezett container elem. A div-ben más HTML elemeket, míg a span-ben szöveget szoktunk tárolni. Kiválóak arra, hogy a bennük foglalt elemekre könnyedén tudjunk CSS-t húzni.