Как выглядит CSS-код?
Код:
body{background: #E8E8E8}
Перед Вами простейший пример CSS-кода. Приведенный код изменяет цвет заднего фона вашего сайта, и вместо стандартного он станет серым. Код имеет следующую структуру:
Цитата:
селектор{свойство: значение}
Селектор - это, если выражаться грубо, название элемента. То есть, в данном случае селектором является
body.
Body - это значит, что последующие команды, взятые в фигурные скобки будут относиться исключительно к общему фону сайта.
Далее скобки гостеприимно открываются, и мы видим
свойство. В свойстве у нас стоит почему-то
background. Это значит, что команда принадлежит цвету фона.
Наконец, все дороги проложены, и теперь наш сайт точно будет знать, что требуется произвести изменения с цветом общего (заднего) фона сайта. Теперь, мы можем установить новое, свое
значение. И мы приписываем
#E8E8E8, после чего закрываем фигурные скобки. Это значит, что мы задали общему (заднему) фону сайта новый цвет.
Но мы можем сделать и по-другому. В одном коде можно задать значения нескольких свойств к одному селектору. Например:
Код:
body{
background: url(ссылка_на_картинку);
background-repeat: no-repeat;
background-attachment: fixed ;
}
В этом коде мы осуществили сразу несколько целей. Первое - мы задали элементу (в данном случае снова общему фону сайта) цвет, но заменили его картинкой; второе - указали отсутствие необходимости повторения фона (то есть, слишком маленькая картинка не будет повторяться, если ее размера не хватит для заполнения всего фона); третье - дали команду закрепить фон на месте (то есть, прокручивая страничку мы не сможем прокрутить вместе с ней задний фон, и он останется неподвижным).
Продолжение следует...