В текстовом редакторе щелкните кнопкой мыши перед закрывающим тегом
</head> в верхней части файла. Введите <style type = "textlcss">, а затем нажмите
Клавишу Enter.
Этот код - открывающий тег для внутренней таблицы стилей. Как в других
Программах-примерах этой книги, вы задаете стили во внутренней таблице стилей,
Которая упрощает создание и тестирование стилей. Как только вы все сделаете,
Нужно переместить стили во внешнюю таблицу стилей, как описано
в разд. •Внешние таблицы стилей~ гл. 2.
2. Добавьте следующий стиль для бокового меню:
#sidebar {
float: left:
width: lбОрх:
margin-top: lOpx:
Он перемещает боковое меню на левую сторону страницы, задает ему ширину
Пикселов и добавляет немного места, чтобы отделить меню от баннера, находящегося
Выше. Свойство wi dth - важное в этом стиле. Если только вы не
Перемещаете изображение, для которого задана ширина, всегда нужно устанавливать
Ширину плавающего элемента. В ином случае браузер установит ширину
На основе содержимого внутри плавающего элемента, что приведет к противоречивым
Результатам.
3. Нажмите клавишу Enteг и наберите </ sty l е>, чтобы завершить внутреннюю таблицу
Стилей. Предварительно просмотрите страницу в браузере.
Боковое меню теперь представляет собой столбец, выровненный по левому
