Основы работы в Dreamweaver



           

Переопределение элементов HTML при помощи каскадных таблиц стилей - часть 4


Примечание. При создании нового стиля Dreamweaver автоматически открывает CSS-файл. Это позволяет редактировать CSS-файл напрямую. В качестве дополнительной практики рекомендуется просмотреть CSS-код, который генерирует Dreamweaver, и попытаться изменить некоторые значения или добавить новые свойства (в выражении "font-size: 10pt;" font-size является свойством, а 10pt – значением). Для того чтобы убедиться в том, что использован правильный синтаксис, следует применить так называемые подсказки кода (code hints) Dreamweaver.

  1. Снова щелкните на кнопке New CSS Style (Создать CSS-стиль) и убедитесь, что выбран тип Tag (Тег), а в разделе Define in (Определить в) указан вариант newland.css. В раскрывающемся списке Tag (Тег) выберите пункт td и нажмите OK.

    Примечание. Если пункт newland.css в раскрывающемся списке Define in (Определить в) окажется недоступен, следует закрыть файл newland.css, а затем снова нажать кнопку New CSS Style.

    Через некоторое время это диалоговое окно станет привычным.


  2. В меню Font (Шрифт) диалогового окна CSS Style Definition for td in newland.css (Определить CSS-стиль для td в newland.css) выберите пункт Verdana, Arial, Helvetica, sans serif, а в списке Size (Размер) укажите размер 10 points (но не pixels [пикселы]). Нажмите OK, чтобы создать новый стиль.

    Это те же настройки, которые были определены для тега <body>. В Dreamweaver изменение не будет заметно, однако устаревшие версии браузеров будут правильно отображать размер. В Netscape 4.x, например, текст внутри тега <td>, по какой-то странной причине, не наследует форматирование, определенное для тега <body>. Это, разумеется, ошибка, но она до сих пор появляется на экранах мониторов у миллионов пользователей. Этот шаг позволяет устранить ее.

    Требуется переопределить еще несколько HTML-стилей при помощи CSS, но не все они содержатся в файле index.htm, поэтому на следующем шаге будет открыт другой файл.


    увеличить изображение

  3. Сохраните и закройте index.htm. Откройте файл tours.htm.




    Содержание  Назад  Вперед