i principali valori di display sono block inline e none ce ne sono molti altri che purtroppo non sono supportati da ie quindi non si usano, per ora.



con block e inline si indica a un elemento se comportarsi come di blocco o inline, per inline s'intende tipo un span in cui in mezzo al testo puoi formattarne parte diversamente, per esempio se ad un <h1> o altro dai un display:inline alla chiusura del tag non andrà a capo,


block e none sono molti usati anche in congiunzione con javascript per nascondere e mostrare un elemento, perché se da css un elemento ha display:none non verrà visualizzato e cambiandolo invece in block (o inline) lo sarà

simile a display c'è visibility che ha valori visible e hidden che a differenza del display fa occupare all'elemento il suo spazio nella pagina anche se non visualizzato mentre con display:block non ne occuperà

esempio stupidino:

<html>
<head>
<title>Untitled</title>
<style type="text/css">
h1 {display:none}
</style>
<script type="text/javascript">
function vediamo (){
ciccio=document.getElementById('compare');
ciccio.style.display="block";
}
</script>
</head>
<body>
<div>Curioso?
<h1 id="compare">Settebubù</h1></div>
</body>
</html>