Подключаем css файл style.css

<link rel="stylesheet" type="text/css" href="css/style.css">

 

ШРИФТ:

font: normal 17px/22px Arial, sans-serif; /*сокращенный вариант написания стилей для шрифта */

font-family: Tahoma, sans-serif; /* определяет вид и семейство шрифта. */
font-size:13px; /* устанавливает размер шрифта в пикселях или процентах. */
font-style:italic; /* преобразует текст в наклонный */
font-weight:bold; /* определяет жирный текст. */
font-weight: normal; /* обычное начертание*/
color:#cc0033; /* определяет цвет текста. */
text-indent:40px; /* устанавливает отступ первой строки абзаца в пикселях или процентах. */
text-decoration:underline; /* подчеркнутый текст. */
line-height: 1.3; /* межстрочный интервал*/
text-indent: 0px; /* отступы слева для первой строчки абзаца*/
text-align: center; /* выравнивание текста по центру*/
text-align: left; /* выравнивание по левому краю*/
text-align: right; /* выравнивание по правому краю*/

 

ФОН:

background-image: url(img/93-9.jpg); /* фоновая картинка*/

background-repeat: repeat-y; /* повторение фона по вертикали; */
background-repeat: repeat-x; /*по горизонтали; */
background-repeat: repeat; /* по горизонтали и вертикали; */
background-repeat: no-repeat; /* не повторять*/

background-color:#fff; /* цвет фона*/
background-size: 10px 10px; /* размеры картинки на фоне*/

background: url(images/bg.png) no-repeat; /* сокращенный вариант стиля фоновой картинки*/

/* -------Фиксированный фон------------------------------------------- */
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 100%; /* Opera 9.6+ */
background-size: 100%; /* Современные браузеры */
background-attachment:fixed;
/* ------------------------------------------------------------------------------- */

background-attachment:fixed; /* фоновое изображение фиксировано*/
background-attachment:scroll; /* фоновое изображение прокручивается вместе с содержимым*/

РАСПОЛОЖЕНИЕ и ПРОПОРЦИИ ОБЪЕКТОВ:

margin:20px 10px 15px 30px; /* отступы от границ снаружи объекта (сверху, справа, снизу, слева) */
margin:20px; /* отступы везде по 20px*/
margin:10px auto; /* отступы везде по 10px располагает объект по центру (если задана ширина). */
margin-top:5px; /* отступ сверху*/
margin-bottom:5px; /* отступ снизу*/
margin-left:5px; /* отступ слева*/
margin-right:5px; /* отступ справа*/

padding:0 0 0 0; /* отступы от границ внутри объекта (все аналогично свойству margin) */

width:800px; /* ширина объекта*/
height:395px; /* высота объекта*/

position: relative; /* положение элемента устанавливается относительно его исходного места. */
right: -111px; /* расстояние от правого края родительского эл-та до правого края дочернего эл-та*/
left: 20px; /* расстояние от левого края родительского эл-та до левого края дочернего эл-та*/

display:inline-block; /* из блочного элемента в строчный, расположение элементов на одной строке*/

vertical-align: top; /* выровнять элементы по верхнему краю */

СПИСОК (ПУНКТЫ):

<ul><li></li></ul> - тэги списка

list-style: none; /* Убирает маркеры в списке */

 

РАМКА:

border: 4px double black; /* толщина тип цвет*/

<!-- -------------------Скругление углов----------------------
border-radius: 10px; /* свойство для тех кто его поддерживает */
-moz-border-radius: 10px; /* для firefox */
-webkit-border-radius: 10px; /* для Safari и Chrome */

border-radius: 10px 0 0 0; /* левый верхний угол, правый верхний, правый нижний, левый нижний*/

 

ТЕНЬ:

box-shadow: 0 4px 15px rgba(0,0,0,0.8); /* сдвиг по x, сдвиг по y, размытие, цвет*/

 

СТИЛИ ДЛЯ ТЭГОВ <H1>, <H2>, <P>:

h1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 50px;
font-weight: bold;
color: #FF0000;
text-align: center;
padding: 30px 5px 0 5px;
line-height: 45px;
}

h2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
color: #FF0000;
text-align: center;
padding: 25px;
line-height: 29px;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
padding-bottom:20px;
line-height: 22px;
}