Question

html, body {
background:url(images/tlos.jpg) repeat-x;
}
body {
width: 693px;
margin: 0 auto;
font-family: "trebuchet ms", "verdana";
font-size: 11px;
color: #000;
}
a {
text-decoration: none;
color:#9B9777
}

img {border:0px}
#header {
clear: both;
background: #DCD7B1;
padding: 10px;
margin: 10px 0 2px 0;
border:1px solid white;
color:#7C7855
}

#foot {
clear: both;
background: #DCD7B1;
padding: 10px;
margin: 10px 0 2px 0;
border:1px solid white;
color:#7D7B68;
font-size:9px
}

#top {
clear: both;
background: url(images/top.jpg);
color:#fff;
height:123px;
border:1px solid white;
margin:0 0 2px 0;
background-color:inherit
}

#top h1 {padding:10px;
font-size:40px;
text-align:right;
}

#content {background:#ffffff;
color:#000;
padding:10px;
text-align:justify;
margin:0 0px 0 150px;
}

#wrapper{float:left;width:100%}


#l_menu {float: left;
padding: 0;
margin-bottom: 0;
color: #222222;
background-color:#EFEDE8;
width:146px;
border:1px solid white}

#l_menu ul {list-style: none;
margin: 0;
padding: 0;
border: none;
font-size:11px}

#l_menu li {border-bottom: 1px solid #fff;
margin: 0; }

#l_menu li a{display: block;
padding: 2px 5px 2px 5px;
font-weight : normal;
color: #166582;
text-decoration: none;}

#l_menu li a:hover {border-right: 3px solid #D5CEC3;
color: #222222;
font-weight:bold;
background:#E7E3DD}

#l_menu h1 {font-size:12px;
text-align:center;
margin:0;
padding:2px;
background:#D9D7C4;
border-top:5px solid #E2E1D5;
border-bottom:5px solid #CECCB5;
}

do wytlumaczenia all :) pojedynczo liniki

Answer 1

przed nawiasami klamrowymi:

a) bez niczego - dany znaczmok html

b) z kropka - element danej klasy

c) z # - identywikator danego elementów

background:url(images/tlos.jpg) repeat-x; - obrazek tła powtarzeny ciągle w poziomie

width: 693px; - wysokość
margin: 0 auto; - szerokość marginesu
font-family: "trebuchet ms", "verdana"; - czcionka
font-size: 11px; - wielkość czcionki
color: #000; - color tekstu

text-decoration: none; - zmany tekstu np. migotanie
color:#9B9777 -color tekstu

img {border:0px} grubość ramki
background: #DCD7B1; - kolor tła
padding: 10px; - odstęp między obiektami
margin: 10px 0 2px 0; -margines
border:1px solid white; - grubość ramki
color:#7C7855 - color tekstu

#foot {
clear: both;
background: #DCD7B1;
padding: 10px;
margin: 10px 0 2px 0;
border:1px solid white;
color:#7D7B68;
font-size:9px
}

#top {
clear: both;
background: url(images/top.jpg);
color:#fff;
height:123px; - wysokość
border:1px solid white;
margin:0 0 2px 0;
background-color:inherit
}

#top h1 {padding:10px;
font-size:40px;
text-align:right;
}

#content {background:#ffffff;
color:#000;
padding:10px;
text-align:justify; - umieszczenie tekstu(prawi lewo, wyśrodkowanie
margin:0 0px 0 150px;
}

#wrapper{float:left;width:100%}


#l_menu {float: left;
padding: 0;
margin-bottom: 0;
color: #222222;
background-color:#EFEDE8;
width:146px;
border:1px solid white}

#l_menu ul {list-style: none;
margin: 0;    
padding: 0;    
border: none;
font-size:11px}

#l_menu li {border-bottom: 1px solid #fff;    
margin: 0;    }

#l_menu li a{display: block;
padding: 2px 5px 2px 5px;
font-weight : normal;
color: #166582;
text-decoration: none;}

#l_menu li a:hover {border-right: 3px solid #D5CEC3;
color: #222222;
font-weight:bold;
background:#E7E3DD}

#l_menu h1 {font-size:12px;
text-align:center;
margin:0;
padding:2px;
background:#D9D7C4;
border-top:5px solid #E2E1D5;
border-bottom:5px solid #CECCB5;
}

 

 

Jak coś nie jest podpisane to znaczy że nie pamiętam albo było wcześniej podpisane