Знакомимся с файлами шаблона

Рассмотрим файлы index.html и style.css, о которых я говорила во вступительной статье.

В файле index.html описывается структура нашей страницы. Она состоит из нескольких блоков (заключенных в теги <div></div>). Схематично вложенность блоков можно изобразить следующим образом:

Файл style.css является каскадной таблицей стилей и содержит список инструкций для форматирования (дизайна) элементов HTML-документа. Познакомимся с ними поближе.

Инструкция CSS имеет вид:

Имя (селектор) —  указывает, к каким html-элементам  следует применять объявленное правило (инструкцию).

HTML-селектор (самый простой случай) – это имя html-элемента (тега), внешний вид которого нужно изменить.

— убрать рамку у всех изображений (заключенных в тег <img>)

Селектор класса – произвольное текстовое имя, на которое можно ссылаться из любого html-тега. Обращений к классу может быть множество. Обозначается точкой перед именем.


— любой html-элемент, для которого будет указан class=”alignleft” выравнивается по левому краю.

ID селектор (идентификатор) – аналогичен селектору класса. Отличительным является условие уникальности идентификатора в пределах одного html-документа. Обозначается решеткой перед именем.


– указывает высоту и фоновое изображение для html-элемента (только для него), у которого id=”header”.

При записи правил (инструкций) различные виды селекторов могут комбинироваться, но эти случаи лучше разбирать на примерах. Чем я и предлагаю вам заняться на следующих  «уроках».


Комментирование закрыто.

Нужна помощь?