-
Почему стили для сайта рекомендуется задавать в отдельном стилевом файле?
Ответ.
Описание стилей для сайта в отдельном файле существенно
упрощает работу по изменению внешнего вида сайта. Редактировать
придётся единственный файл со стилевыми определениями, а не
многочисленные файлы с кодами гипертекстовых страниц.
-
Какое имя и расширение имени должен иметь файл со стилевыми описаниями?
Ответ.
Имя файла придумывает разработчик, а расширение имени
должно быть css.
-
Как браузер узнаёт, что при отображении HTML-кода нужно использовать
файл со стилевыми указаниями?
Ответ.
Если стили страницы описаны
в отдельном стилевом файле (например, style.css), то в головной части
HTML-кода нужно записать тег LINK со ссылкой на этой файл:
-
Одно и то же стилевое правило задано в теге, головной части файла и
отдельном стилевом файле (на который имеется ссылка в теге LINK).
Которое из правил будет работать?
Ответ.
Будет работать более конкретное указание, заданное в самом теге.
-
В каком виде записываются стилевые определения в отдельном файле?
Ответ.
В отдельном файле стилевые определения записываются точно так же, как
внутри тега STYLE:
Имя тега (или имена тегов через запятые)
{
свойство: величина;
...
свойство: величина;
}
-
Какое стилевое свойство можно использовать для задания цвета фона,
фоновой картинки и разных параметров вывода этой картинки?
Ответ.
Для задания цвета фона элемента, фоновой картинки и разных параметров
вывода этой картинки предназначено свойство background.
-
Опишите формат записи свойства background.
Ответ.
Значение свойства background записывается в
виде последовательности следующих параметров (отдельные
записи могут отсутствовать):
background: цвет скролл повтор координаты картинка
-
Как в свойстве background задаётся цвет для фона?
Ответ.
Цвет фона задаётся в виде стандартного ключевого слова, обозначающего цвет,
или при помощи 16-ричного кода цвета. Пример:
BODY { background: white }
BLOCKQUOTE { background: #FFFFCC }
В качестве цвета фона может быть указано ключевое слово
transparent. Этот параметр делает фон прозрачным.
-
Как при помощи свойства background можно запретить
перемещение фона при прокрутке элемента?
Ответ.
Можно указать параметр fixed. Параметр scroll
разрешает прокрутку фона. Параметр scroll действует по
умолчанию.
-
Какие параметры можно использовать для указания режима повторения
фоновой картинки?
Ответ.
Допустимые параметры описаны в таблице:
| Параметр |
Описание |
| Не задан |
По умолчанию работает параметр repeat |
| repeat |
Повторять картинку по горизонтали и вертикали |
| no-repeat |
Запретить повторение картинки |
| repeat-x |
Повторять картинку только по горизонтали |
| repeat-y |
Повторять картинку только по вертикали |
-
Каким образом можно указывать начальные координаты для вывода фоновой
картинки?
Ответ.
Для указания начальных координат используются ключевые слова, числовые
значения абсолютных координат и проценты:
| Задание координат |
Описание |
| Не заданы |
По умолчанию начало координат совпадает с левым верхним углом элемента |
| top left |
Левый верхний угол |
| top center |
Середина сверху |
| top right |
Правый верхний угол |
| center left |
Середина слева |
| center center |
Середина |
| center right |
Середина справа |
| bottom left |
Левый нижний угол |
| bottom center |
Середина снизу |
| bottom right |
Правый нижний угол |
| Xpx Ypx |
Точка вывода смещена на X пикселов вправо и на Y пикселов вниз |
| X% Y% |
Точка вывода смещена на X% вправо и на Y% вниз (проценты
от ширины и высоты элемента) |
-
Как при помощи стилевого свойства background
задать ссылку на файл с фоновой картинкой?
Ответ.
Ссылка на файл с фоновой картиной задаётся конструкцией
url("путь к файлу").
-
Как можно задать фоновую картинку для страницы при помощи атрибута тега
BODY?
Ответ.
Для элемента BODY предусмотрен атрибут
background, который позволяет задать фоновую картинку
для гипертекстовой страницы документа, записав в качестве
значения атрибута путь к файлу:
-
Чем отличаются два способа задания фоновой картинки: при помощи стилевого
свойства background и атрибута background
тега BODY?
Ответ.
Атрибут background можно использовать только в теге
BODY, то есть для фона всей гипертекстовой страницы, в то время
как стилевое свойство background можно назначать любому
элементу HTML-кода, который имеет визуальное представление на экране.
Кроме того, стилевое свойство background имеет гораздо
больше значений, что позволяет более гибко управлять фоном элемента.
-
Какая проблема может возникнуть при построении фонового
паркета?
Ответ.
При построении фонового паркета могут образовываться “швы”
на стыках. Картинку для фона нужно создавать так, чтобы на полученном
“паркете” швов не было.
-
Что делать, если по дизайнерскому замыслу страница требует паркетный
фон, но текст на нём плохо читается?
Ответ.
Когда фоновая картинка с большим визуальным весом кажется необходимой,
текст надо выводить в одноцветные области, размещаемые на сложном
фоне.
-
Какая проблема может возникнуть с фоновой картинкой, которую предполагается
повторять на странице только по вертикали?
Ответ.
Ширина окна может превысить длину фоновой плиточки и браузер станет повторять
картинку по горизонтали.
-
Как можно решить проблему, о которой идёт речь в предыдущем вопросе?
Ответ.
Избежать подобной неприятности можно двумя путями.
Первый способ рекомендует конструировать плиточку, длина которой
превосходит разумную ширину окна пользователя. Но возникают проблемы с
определением этой самой “разумной” ширины. Не так давно трудно
было себе представить экраны с шириной большей 1280 пикселов. Сейчас
никого не удивишь монитором с горизонтальным разрешением 1600 пикселов.
Второй способ не зависит от разрешения экрана. Он будет работать в окнах
любого размера. Суть его в том, чтобы разрешить браузеру повторять
фоновую плиточку только по вертикали, а по горизонтали запретить.
Такое указание можно задать при помощи CSS-свойства background:
BODY
{
background: #FBEEE7 repeat-y url("./pic/fon.gif");
color: black;
}
Значение repeat-y разрешает повторение фоновой картинки
fon.gif только по вертикали, а параметр #FBEEE7
задаёт нужный цвет справа от плиточки.
-
Почему необходимо всегда явно задавать на странице цвет фона и цвет текста
не полагаясь на режимы умолчания браузера?
Ответ.
Если цвета не заданы, браузер будет использовать цвета фона и текста
по умолчанию (разные в разных браузерах) и разрушать тем самым оригинальный
дизайн разработчика.
Нужно записывать эти атрибуты явно, чтобы не потерять
контроль над важными визуальными параметрами страницы.
-
Почему необходимо задавать цвет фона страницы даже тогда, когда
используется фоновая картинка?
Ответ.
Для этой рекомендации есть две причины.
-
В браузере графика может быть отключена, и фоновую картинку пользователь
не увидит.
-
Фоновая картинка “приходит” по сети после того, как страница
построена и вытесняет фоновый цвет.
Чтобы такая перемена не “ударила” по глазам пользователя,
нужно подбирать фоновый цвет близким к доминирующему цвету
фоновой картинки.
-
Почему рекомендуется задавать цвет фона и цвет текста с помощью
атрибутов тега BODY даже тогда, когда заданы соответствующие
параметры при помощи стилевого свойства background?
Ответ.
Рекомендуется дублировать эти важные для дизайна страницы параметры.
На всякий случай. Например, для браузеров, которые не поддерживают язык
CSS.
