Hvad gør denne CSS?

Hej eksperter
Jeg har sat en CSS kode ind neden for, jeg er meget i tvivl om hvad den gør og især hvornår den gør hvad.

Dvs hvornår kan jeg bruge koden for "#indhold h1, #indhold pre" og for ".leftbox p"??

  #indhold {
    margin-top:10px;
    margin-left:200px;
    overflow:auto;
  border-style:solid;
  border-color:blue;
  border-width:1px 1px 1px 1px;
  background:#F2F2F2;
  font-family:'Verdana', 'arial', sans-serif;
  font-size:10px;
  }
  #indhold h1, #indhold pre {
  text-align:center;
  background-color:lightyellow;
  }
  #indhold p {
  margin:10px;
  }
  #leftcol {
    background:transparent;
  width:180px;
  float:left;
  text-align:left;
  }
  #leftcol p{
    margin:10px;
  }
  .leftbox {
  width:175px;
  float:left;
  background:#F2F2F2;
  border-style:solid;
  border-color:blue;
  border-width:1px 1px 1px 1px;
  margin:5px 5px 5px 5px;
  }
  .leftbox p {
  font-size:10px;
  margin:10px;
  }
.leftbox pmono {
  font:Courier New;
  font-size:10px;
    }
  .underrubrik {
    color:#330066;
  width:350px;
  background:#FFFFCC;
  border:1px solid black;
  margin-left:10px;
  }
  .underrubrik p{
  font-family:serif;
  font-size:14px;
  }

//avj