display: block; hvad er det?

det betyder at elementet (som du sætter css'en på) bliver et såkaldt block-element - ligesom fx <p> og <div> er det. HTML elementer er nemlig opdelt i forskellige typer, og her er block altså et af dem.

Et block-element er simpelthen et slags lag eller boks, hvor der gælder nogle andre regler end fx inline-objecter, som mere opfører sig som noget tekst. Der gælder derfor også nogle andre regler for block-elementer frem for fx inline-elementer.

Det kan være meget svært at forstå, men typisk når du arbejder i CSS vil du have glæde af at lave dine objecter om til block-elementer. Et eksempel kunne være et link:
<a href="http://www.google.com" style="display:block;width:300px;border:1px solid #000;">LINK</a>
Som standard kan du kun klikke på teksten (da <a> er et inline-object), men nu kan du klikke i hele boksen - og det kan være meget smart hvis du fx laver en menu.

betyder det så at: denne style gælder for hele boksen,laget? er block noget nyt?
svar for dine point

ja, altså den laver elementet om til et block-element. Det man skal fatte er at der findes forskellige typer elementer i CSS/HTML som opfører sig på forskellige måder.

Det ligesom hvis du har et stykke papir - og du så med "trylleformularen" display:block; laver den om til en papkasse. De har hver deres ligheder, men alligevel gælder der nogle andre ting for papkassen end for papiret. Display er altså den der bestemmer hvad type elementet (fx papirert) skal være. Du kan også vælge at fjerne den med display:none;

Det er svært at forstå (og meget svært at forklare ;-), men den bedste måde at rent faktisk at finde ud af forskellen på, er at prøve sig lidt frem, fx:
<span style="background-color:#f00;">Jeg er et inline-object</span>
<div style="background-color:#0f0;">Jeg er et block-element - se hvordan jeg fylder og bruger en hel linie ;-)</div>

fandt lige noget fra W3C:
Block-level elements are those elements of the source document that are formatted visually as blocks (e.g., paragraphs)

Inline-level elements are those elements of the source document that do not form new blocks of content;

Om block er nyt??? Nej, i CSS1-standarden var den der allerede sammen med inline,none og list-item. Senere i CSS2 er der kommet flere til - men jeg tror ikke Microsoft nogensinde har set CSS2-specifikationen - de virker i hvert fald ikke ;-) Eller misforstod jeg hvad du mente med nyt !-)

-- og den simple sammenligning, jeg plejer at bruge er, at hvis du indsætter en tabel i et (f.eks. Word-) dokument, så vil tabellen fylde lige fra venstre margen til højre margen, men markerer du tre ord og trykker på kursiv, så bliver ordene på den linje, de var på i forvejen:

Tabellen er block-level og kursiveringen er inline ...

Display findes i en masse afskygninger, som afspejler nogle specialiteter ift. tables og lists, men de generelle er: block (fylder fra side til side i elementet), inline (fylder kun lige der hvor formatteringen er sat) og none (den hverken vises eller fylder !-)

takker for jeres fine forklaringer - for point smid et svar vh 1005

værsgo'

-- fin forklaring roenving :-)