Новая большая книга CSS

Свойство background-image добавляет к странице фоновое изображение.

Свойство padding-top добавляет пространство между верхней частью элемента и помещаемым внутри него содержимым.

крайнем случае, если обязательно нужно изменить стиль единственного элемента одной веб-страницы, можно

прибегнуть к встроенным стилям. (Например, создавая HTML-форматированные

электронные письма, лучше использовать встроенные стили. Это, к слову, единственная возможность заставить CSS работать в Gmail.) Если вы все-таки применяете этот

метод и хотите, чтобы стиль работал должным образом, то уделите особое внимание

размещению команд форматирования внутри элементов, которые следует отформатировать.

Элемент link обладает двумя атрибутами:

 rel="stylesheet" — указывает тип ссылки; в данном случае это ссылка на таблицу стилей;

 href — определяет местонахождение внешнего CSS-файла на сайте. Значение

этого атрибута — URL-адрес, который будет отличаться в зависимости от того, где расположен CSS-файл. Он работает так же, как атрибут src при добавлении

изображения на страницу или атрибут href гиперссылки, указывающей на другую веб-страницу.

Иногда можно прибегнуть к способу добавления информации о стилях непосредственно к каждому

конкретному HTML-элементу без применения таблицы стилей.

Однако

если вы также используете на страницах JavaScript-код, он должен располагаться после таблиц

стилей. Часто JavaScript-сценарии полагаются на CSS, поэтому, добавляя таблицы стилей первыми, вы гарантируете, что JavaScript-код будет иметь все необходимые для своего выполнения данные.

Внутренняя таблица стилей — это набор стилей, являющийся частью кода веб-страницы, которая всегда должна находиться между открывающим и закрывающим тегами и HTML-кода в теле веб-страницы, то есть внутри

элемента head.

Внешняя

таблица стилей сосредотачивает всю информацию о стилях в едином файле, который вы затем присоединяете к странице, написав для этого всего одну строку кода.

Вы можете присоединить одну и ту же внешнюю таблицу стилей к каждой странице сайта, создавая таким образом единый дизайн. А обновление внешнего вида

всего сайта будет заключаться лишь в редактировании единственного текстового

файла — внешней таблицы стилей.

Таблицы стилей бывают двух

видов — внутренние и внешние — в зависимости от того, где определена информация

о стилях: непосредственно в самой веб-странице или в отдельном файле, связанном

с веб-страницей.

Наконец настал тот момент, когда вы можете задействовать свой

творческий потенциал, присваивая значения CSS-свойствам: к примеру, устанавливая фоновый цвет синим, красным, фиолетовым, салатовым и т. д. Как

будет описано в следующих главах, различные свойства каскадных таблиц стилей требуют указания определенных типов значений — цвета (red или #FF0000), размера (18px, 200% или 5em), URL-адреса (images/background.gif), а также определенных ключевых слов (top, center или bottom)