CSS-Code: Gut oder Schlecht?

By Johannes Date 2013-02-28 12:26
Hallo zusammen,

ich habe jetzt mal ein bisschen mit css rumgespielt. (Seit 3 Tagen)
Ich bin also quasi blutiger Anfänger
Jetzt wüsste ich gerne, ob mein Code, wie ich ihn geschrieben habe, so praktisch ist, oder ob ich einiges an Fehlern drin habe.

Vielen Dank
Code:
Code:

/*Grudndefinitionen*/
body {
  background-color: #CBCBCB;
}

/* DIVS Layout*/
#background{
  border: 1px solid #000000;

  position: absolute;
  left: 20em;
  right: 20em;
  bottom: 0.5em;
  top: 0.5em;

  min-width: 600px;

  background-color: #848484;
  background-attachment: fixed;

  border-radius: 3em;
}

#ausrichter_1{
  border: 0em;

  position: absolute;

  left: 1em;
  right: 1em;
  top: 1em;

  height: 8em;
}

#header{
  border: 0.1em solid #000000;

  position: absolute;

  left: 0em;
  right: 0em;
  top: 0em;

  height: 6em;

  background-color: #DF7401;

  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
}

#top_menu{
  z-index: 5;

  border-left: 0.1em solid #000000;
  border-right: 0.1em solid #000000;
  border-bottom: 0.1em solid #000000;

  position: absolute;

  top: 6.1em;
  left: 1em;
  right: 1em;

  height: 2.1em;

  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}

#window{
  border-top: 0.1em solid #000000;
  border-bottom: 0.1em solid #000000;
  border-left: 0.1em solid #000000;
  border-right: 0.1em solid #000000;

  position: absolute;

  left: 1em;
  right: 1em;
  top: 10em;
  bottom: 2.5em;

  z-index: 1;
}

#footer{
  border: 0.1em solid #000000;

  position: absolute;

  left: 1em;
  right: 1em;
  bottom: 1em;

  height: 1em;

  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}

/*Divs für AnPr*/
#anpr_menu{
    position: absolute;
    width: 5em;

    border: 0em solid #000000;
    top: 1em;
    left: 1em;
}

#anpr_anzeige{
  position: absolute;
  right: 1em;
  left: 9em;
  top: 1em;
  bottom: 1em;

  border: 0em solid #000000;
}

/*Menuepunkte top_menu*/
#nav_top_menu  {
  margin-top: 0.79em;
    margin-left: 0em;
    margin-right: 0em;
    float: left;
}

#nav_top_menu a {
    display:block;
    text-align:center;
}

#nav_top_menu li  {
    position: relative;            
    float: left;
    margin-left: 1em;

    width: 5em;

    background-color: #AD5252;

    border-top: 0.1em solid #000000;
    border-left: 0.3em solid #2E2E2E;
    border-right: 0.3em solid #000000;
    border-bottom: 0.1em solid #000000;

    padding: 0em;
}

#nav_top_menu li li {
    border-bottom: 0.1em solid #000000;
    border-left: 0.1em solid #000000;
    border-right: 0.1em solid #000000;
    border-top: 0em;
    position: relative;            
    float: left;
    margin-left: -2.5em;

    background-color: #AD3C3C;
    width: 5em;

}

#nav_top_menu ul{
    position:absolute;
    left:-9999px;
    top: auto;
}

#nav_top_menu li:hover ul  {
    left:0;
}

#nav_top_menu ul  li:hover  ul{
    position: absolute;
    left: 100%;
    top: 0;
}

#nav_top_menu li:hover > a{
    background: #ED4A4A;
    color: #000000;
}

#nav_top_menu a span {
    float: right;
    font-weight: normal;
}

/*Menue fuer Anwendungsprogrammierung*/

#nav_anpr_menu {
    margin: 0em;
    padding: 0px;
    float: left;
}

#nav_anpr_menu a {
    display: block;
    text-align: left;
}

#nav_anpr_menu li {
    position: relative;
    float: left;
    margin-left: 0em;
    margin-bottom: 0.2em;

    min-width: 6.5em;
    max-width: 7em;

    background-color: #AD5252;

    border-top: 0.1em solid #000000;
    border-left: 0.3em solid #2E2E2E;
    border-right: 0.3em solid #000000;
    border-bottom: 0.1em solid #000000;
}

#nav_anpr_menu li li {
    border-bottom: 0.1em solid #000000;
    border-left: 0.1em solid #000000;
    border-right: 0.1em solid #000000;
    border-top: 0.1em solid #000000;
    position: relative;

    margin-bottom: 0em;

    background-color: #AD3C3C;

    min-width: 5em;

    z-index: 4;
}

#nav_anpr_menu ul {
    position: absolute;
    left: -9999px;
    top: auto;
}

#nav_anpr_menu li:hover ul  {
    left:0;
}

#nav_anpr_menu li:hover > a{
    background: #ED4A4A;
    color: #000000;
}

* {
  list-style-type: none;
  text-decoration: none;
  border: 0em;
}

/*Schriftarten*/
.headline{
  font: Arial;
  margin-top: 0.5em;
  font-size: 2.5em;
  text-align: center;
}

.ueberschrift_klein{
  font:Arial;
  font-size: 1.2em;
  text-align: center;
}

.ueberschrift_normal{
  font: Arial;
  font-size: 2em;
  text-align: center;
}

.ueberschrift_gross{
  font: Arial;
  font-size: 2.5em;
  text-align: center;
}

.ueberschrift_riesig{
  font: Arial;
  font-size: 3em;
  text-align: center;
}
.text_klein_center{
  font: Arial;
  font-size: 0.5em;
  text-align: center;
}

.text_normal_center{
  font: Arial;
  font-size: 1em;
  text-align: center;
}

.text_normal_right{
  font: Arial;
  font-size: 1em;

  margin-right: 1em;
  text-align: right;
}

.footer{
  font: Arial;
  font-size: 0.8em;
  font-style: italic;
  text-align: right;

  margin-right: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
}

/*Links*/
a:link{
  font: Arial;
  text-decoration: none;
  color: #000000;
}
a:visited{
  font: Arial;
  color: #000000;
}
Grüße

Johannes