     ====Подключение CSS к HTML===

1. Основной способ -  с помощью элемента link с атрибутами:
   а) rel="stylesheet"
   б) type="text/css"
   в) href  (имя адреса файла CSS)
   г) media (на каком устройстве отображается, тип устройства отображения), значения:
         - "all"
         - "screen" (на экране)
         - "print" (для печати)
	 - "handheld" (наладонник)
  ПРИМЕР:     <link rel="stylesheet" type="text/css" href="index.css" media="all" />

2. С помощью элемента style (вложен в head) с атрибутами:
    а)type="text/css"
    б)media 
Применяется, когда нужно особым образом "выделить" одну страницу.

ПРИМЕР:

<head> 
<title></title>
  <style type="text/css media="all">
    body {color: white;}
    caption {border: 1px solid black; padding: 5px;}
  </style>
</head>

3. С помощью атрибута style, когда надо выделить какой-либо один элемент.

ПРИМЕР:

<p>Сегодня на улице <strong style="border: 2px solid #00f">жарко.</strong></p>

4. Другие способы...

   ====Псевдокласс===

--Использование ссылки:--
a: link {
   ..........
}

--При наведение мыши:--
input:focus {
  background: #0f0;
}

--При нажатии--
input:activ {
  background: #f00;
}


     ====ИЗОБРАЖЕНИЕ В CSS====

1. Свойство background-image

ПРИМЕР(подключить к элементу изображение ie.png):
blockquote {
  background-image: url(ie.png);
}
2. Свойство(повторять ли изображение):
  background-repeat: no-repeat;(не повторять) 
                        repeat; (по умолчанию)
                        repeat-x; (по оси x)
                        repeat-y (по оси y)

3. Свойство, которое отвечает за положение изображения:

  background-position: X% Y%; (можно в %, em, px)

4. Цвет фона:
  background-color: #ffc;

5. Собирательное свойство для фона (отвечает за все свойства фона и фонового изображения)
Синтаксис:   background: color image repeat position;

ПРИМЕР: 

html {
  background: #fcc url(ie.png) no-repeat 50% 50%;
}

          КАК СОЗДАТЬ УЗОР?
1/ HTML - поставить фоновую картинку.
2/ body- приписать фоновый цвет, отрегулировать margin
3/ Эдемент p - присвоить id, в CSS вставить рисунок, отрегулировать position


  ПОДСВЕТКА ССЫЛОК

a {
  background-image: url(risunok1.gif);
}

a:hover {
  background-image: url(risunok2.gif);
}