Ответ.
Цвет текста элемента задаётся свойством color.
Оно определяет и цвет рамки элемента, если цвет рамки отдельно не задан.
Это свойство может принимать любые значения, допустимые для задания цвета
(ключевые слова, шестнадцатеричная запись, десятичная запись,
процентная запись).
Свойство color применимо ко всем элементам, передаётся
по наследству потомкам. Значение по умолчанию зависит от браузера.
Ответ. Фон элемента распространяется на содержание элемента, на внутренние отступы и рамку.
Ответ.
Цвет фона элемента задаётся свойством background-color.
Это свойство может принимать любые значения, допустимые для задания цвета
(ключевые слова, шестнадцатеричная запись, десятичная запись,
процентная запись) и значение transparent (прозрачность),
которое работает по умолчанию. Свойство применимо ко всем элементам,
по наследству не передаётся.
Ответ.
Фоновая заливка задаётся свойством background-image.
В качестве значения указывается url картинки или
параметр none (отсутствие заливки), который работает
по умолчанию. Свойство применимо ко всем элементам,
по наследству не передаётся.
Ответ. Если фоновая картинка не загрузилась, браузер не поддерживает показ картинок, пользователь отключил графику, то на экране возникнут проблемы, вплоть до полного отсутствия текста, если его цвет совпадает с цветом фона, заданным в браузере по умолчанию.
Ответ.
Тип повторения фоновой картинки задаётся свойством background-repeat.
В качестве значения указывается одно из следующих ключевых слов:
repeat— повторение по всем направлениямrepeat-x— по горизонталиrepeat-y— по вертикалиno-repeat— без повторений
По умолчанию работает значение repeat. Свойство
применимо ко всем элементам, по наследству не передаётся.
Ответ.
Под начальным (базовым) положением фоновой картинки понимается то
место, куда картинка выводится перед её повторением (задаваемым
свойством background-repeat).
Ответ.
Свойство background-position задаёт координаты начального
(базового) положения фоновой картинки, то есть того положения, из
которого начинает укладываться фоновый паркет
(по горизонтали, вертикали или во всех направлениях, в зависимости
от значения свойства background-repeat).
В качестве значений допускаются: ключевые слова, проценты,
единицы размера и смесь. По умолчанию работает значение
0% 0%, то есть картинка выводится в левый верхний угол элемента
(более точно: в верхний левый угол внутреннего отступа элемента).
Свойство применимо к блочным и строчным замещаемым элементам, по
наследству не передаётся.
Ответ.
Ключевые слова, задающие координату по горизонтали:
left,
center,
right.
По вертикали:
top,
center,
bottom.
Ключевые слова обычно используется в паре, например, right top:
начальное положение картинки — правый верхний угол.
Ключевое слово center совмещает центральную точку фоновой картинки
(по соответствующей оси) с центральной точкой элемента (по той же оси).
Допускается использование одного значения (по горизонтали или по
вертикали), при этом значение второго автоматически полагается равным
center:
| Одно ключевое слово | Эквивалентные ключевые слова |
|---|---|
center |
center center |
top |
center top |
bottom |
center bottom |
left |
left center |
right |
right center |
Ответ. Первое процентное значение задаёт смещение от левого верхнего угла по горизонтали, второе — по вертикали.
Картинка размещается так, что её точка, расположенная в указанном процентном отношении относительно картинки, совпадает с точкой на элементе, расположенной в том же процентном отношении относительно элемента.
Если задано одно процентное значение, то оно используется как значение по горизонтали, а значение по вертикали автоматически полагается равным 50%.
Допускается задавать отрицательные значения, но надо помнить, что при этом совмещаются две точки, одна, связанная с рисунком, другая связанная с элементом (с одними и теми же процентными значениями, но по отношению к рисунку и элементу).
Ответ. Если начальное положение картинки задано в единицах размера, то они интерпретируются как расстояния от левого верхнего угла элемента до левого верхнего угла картинки.
Допускается задавать отрицательные значения. Таким образом, можно показывать только часть фонового рисунка.
Ответ. Допускается комбинировать разные способы позиционирования, при этом первое значение должно указываться для горизонтали, второе — для вертикали.
Ответ. Начальные координаты фоновой картинки браузер считает по умолчанию заданными относительно элемента, для которого описан фон (начало координат — левый верхний угол внутреннего отступа элемента).
При помощи свойства background-attachment можно
перенести начало координат в левый верхний угол области просмотра
окна браузера, если задать значение fixed. Второе
возможное значение sroll работает по умолчанию.
Свойства background-attachment применимо ко всем элементам,
по наследству не передаётся.
Ответ.
Все свойства фона можно свести в одну интегрированную запись при
помощи свойства background:
background: color image repeat attachment position
Порядок, в котором идут параметры, не важен, кроме значения координат (position): они должны стоять рядом, и если применяются значения размера или проценты, первым должно идти значение по горизонтали.
Свойство background не имеет обязательных параметров,
достаточно присутствия только одного.
Как и во всех интегрированных свойствах, если опустить одно из значений, вместо него автоматически подставляется значение по умолчанию. Таким образом, следующие два правила эквивалентны:
background: white url(pic/fon.gif); background: white url(pic/fon.gif) left top repeat scroll;
background и атрибут
background элемента BODY.
Ответ.
Для элемента BODY предусмотрен атрибут
background, который позволяет задать фоновую картинку
для гипертекстовой страницы документа.
Но атрибут background позволяет задать картинку лишь для
сплошного (во всех направлениях) фонового паркета, и не имеет
возможностей одноимённого стилевого свойства.
Кроме того, атрибут background можно записывать только для
элемента BODY, в то время как стилевое свойство
background можно назначать любому элементу на странице.
Ответ. Нужно обязательно задавать цвета явно, чтобы не потерять контроль над важными визуальными параметрами страницы.
Фоновый цвет нужен и в том случае, когда используется фоновая картинка.
Для этой рекомендации есть две причины:
- В браузере графика может быть отключена, и фоновую картинку пользователь не увидит.
- Фоновая картинка “приходит” по сети после того, как страница построена и заменяет фоновый цвет. Чтобы такая перемена не “ударила” по глазам пользователя, нужно подбирать цвет фона близким к доминирующему цвету фоновой картинки.
“Удар” по глазам пользователя:
Плавный переход от гладкого фона к фактурному:
