Код CSS не могу разобрать...

[misher]

Помогите разобрать код, не могу догнать, что и как...

/* CSS Document */


/* General */

* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body {
height: 100%;
background-color: #10578D;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {   // не понятно
color: #004F8B;
text-decoration: underline; // не понятно
font-weight: bolder; // не понятно
}

a:hover {  // не понятно
text-decoration: none;
}

.noscreen { // не понятно
display: none;
}


/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Skip menu */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden; // не понятно
}


/* Images */



/* Wrapper */

#wrapper {  // не понятно
width: 850px;
margin: 60px auto 0 auto;
padding-bottom: 90px;
text-align: left;
}


/* Headings, paragraphs */ // не понятно

.title {
background-color: #282828;
letter-spacing: 1px;
width: 39em;
}

.title-top { background: url('../img/title-top.gif') repeat-x 0 0; }
.title-left { background: url('../img/title-left.gif') repeat-y 0 0 }
.title-right { background: url('../img/title-right.gif') repeat-y 100% 0 }
.title-bottom { background: url('../img/title-bottom.gif') repeat-x 0 100% }
.title-top-left { background: url('../img/title-top-left.gif') no-repeat 0 0; }
.title-top-right { background: url('../img/title-top-right.gif') no-repeat 100% 0; }
.title-bottom-left { background: url('../img/title-bottom-left.gif') no-repeat 0 100%; }
.title-bottom-right { background: url('../img/title-bottom-right.gif') no-repeat 100% 100%; }

.title p {   
color: #FFFFFF;   
margin: 4px 0 0 21px;
padding-bottom: 12px;
}

h1 {
font: normal 2.4em Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
padding-top: 25px;
margin-left: 20px;
}

h1 a:link, h1 a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

h1 span {
color: #FFB849;
}

h2 {
font: normal 1.5em Georgia, "Times New Roman", Times, serif;
color: #004F8B;
letter-spacing: 1px;
background: url('../img/h2-bg.gif') no-repeat 0 53%;
padding-left: 25px;
margin-bottom: 7px;
}


/* Menu */

ul.menu {
list-style-type: none;
}

ul.menu li {
background: url('../img/menu-li-divider.gif') no-repeat 50% 100%;
padding: 18px 0;
}

ul.menu li a, ul.menu li a:visited {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
padding: 4px 7px;
}

ul.menu li a:hover, ul.menu li a.active {
background-color: #002F53;
}

ul.menu li.last {
background: none;
}


/* Content box */

.content {
width: 850px;
margin: 19px auto 0 auto;
}

.column-left {
float: left;
width: 165px;
text-align: center;
color: #FFFFFF;
}

.column-left h3 {
font: normal 1.5em Georgia, "Times New Roman", Times, serif;
margin: 10px 0 7px 0;
letter-spacing: 1px;
}

.column-right {
margin: 0 0 0 191px;
width: 650px;
}

.box-top {
background: url('../img/box-top.gif') no-repeat 0 0;
height: 12px;
}

.box {
background: url('../img/box-bg.gif') repeat-y 0 0;
}

.box-in {
background-color: #FFFFFF;
padding: 0.8em 0 5em 0;
margin: 0 6em 0 2em;
}

.box-in p {
line-height: 1.6;
margin: 0 0 10px 25px;
color: #242424;
}

.box-bottom {
background: url('../img/box-bottom.gif') no-repeat 0 100%;
height: 48px;
}

ul.main-list {
list-style-type: none;
margin: 14px 0 20px 25px;
}

ul.main-list li {
line-height: 1.3;
margin-bottom: 12px;
color: #004F8B;
background: url('../img/bullet.gif') no-repeat 0 0;
padding-left: 27px;
}


/* Footer */

.footer-info-left, .footer-info-right { // не понятно
font-size: 0.8em;
color: #626262;
position: relative;
top: -7px;
display: inline;
}

.footer-info-left { // не понятно
float: left;
margin-left: 17px;
}

.footer-info-right { // не понятно
float: right;
margin-right: 40px;
}

.footer-info-left a, .footer-info-left a:visited, .footer-info-right a, .footer-info-right a:visited { // не понятно
font-weight: normal;
color: #626262;
}

и этот

/* CSS Document - print style sheet */
 

body {
font-family: "Times New Roman", Times, serif;
line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #595959;
}

h1 {
font-size: 16pt;
}

h2 {
font-size: 14pt;
}

h3, h4, h5, h6 {
font-size: 11pt;
}

h3 {
margin-top: 30px;
}

a:link, a:visited {
text-decoration: underline;
font-weight: bolder;
}

a img {
border: 1px solid #595959;
}

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

.menu, .column-left h3, .footer-info-right {
display: none;
}

Заранее благодарен.

[Linel]

Что именно вам не понятно? Уточняйте.

[Виталий Желтяков]

И что тут не понятного?

[Nik_2sv]

конкретно какие места? или перевести всё на русский?

[misher]

Указал, вроде все). Желательно на русский, ну или так, чтобы я понял.

[zumm]

a:link, a:visited {   // не понятно  //начало описания стиля ссылок
color: #004F8B;
text-decoration: underline; // не понятно //подчеркнуто
font-weight: bolder; // не понятно //жирный шрифт
}

a:hover {  // не понятно //тоже описание стиля ссылок (когда курсор наведен)
text-decoration: none; 
}

.noscreen { // не понятно //описание класса (потом можно будет использовать как class="noscreen"
display: none;
}

overflow: hidden; // не понятно //если содержимое не будет помещатся в рамках размера, то оно будет скрыто

.footer-info-left, .footer-info-right { // не понятно //тоже вроде описание класса

.footer-info-left { // не понятно //дополнительное описание все того же класса

.footer-info-left a, .footer-info-left a:visited, .footer-info-right a, .footer-info-right a:visited { // не понятно //описание ссылок которые находятся в блоках с класом footer-info-left и footer-info-right

второй код все тоже, описание параметров надписей, изображений и тд, прокомети что не понятно.

[misher]

zumm, спасибо, покуда вроде все понял, но чуть позже могут возникнуть вопросы.

[zumm]

Нет проблем.

[misher]

.box-in {
background-color: #FFFFFF;
padding: 0.8em 0 5em \\ что это?0;
margin: 0 6em 0 2em;  \\ что это?

Помогите разобрать эти 2 строки

[zumm]

padding: 0.8em 0 5em

Свойство padding позволяет задать величину поля сразу для всех сторон элемента или определить ее только для указанных сторон.

Первое значение задает поле от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края.

margin: 0 6em 0 2em;

Свойство margin устанавливает величину отступа от каждого края элемента.

Поочередно устанавливается отступ от верхнего, правого, нижнего и левого края.

em - Высота шрифта текущего элемента

update

ну и как всегда, что не понятно в объяснении, пиши, разжую подробнее