Создание HTML-сайта

Стили для каркаса сайта

На прошлых занятиях мы занимались созданием каркаса сайта. Его то мы создали, но если нам захочется посмотреть его в браузере, то мы ничего не увидим, потому что все таблицы не имеют стиля, у их границ нет ни толщины, ни цвета. Сейчас мы попробуем создать первые стили CSS для нашего сайта. Это очень важная тема. Запоминайте – повторять не буду!

Вначале создадим стиль для главной таблицы. В программе Adobe Dreamweaver CS3 это сделать очень просто. Находим раздел CSS вверху правого окна программы, жмем на стрелку - открывается окно CSS. Затем выделяем главную таблицу, для чего достаточно кликнуть по тегу table внизу основного окна программы.

Теперь нужно найти в правом окне программы значок «Создать правило CSS» и кликнуть по нему.

В открывшемся окне запишем имя нашего правила CSS для главной таблицы. Пуст правило будет называться border1.

Нажимаем ОК. В новом окне «Определение правила CSS для .border1» выбираем категорию «Граница», потому что сначала мы определим цвет, ширину и стиль границы основной таблицы. Пусть она будет сплошная, в 2 пикселя шириной и синяя.

Нажимаем «Применить» и ОК. Правило CSS мы создали, осталось применить его именно к главной таблице. Чтобы это сделать достаточно в разделе «Свойства», в выпадающем меню «Класс» выбрать border1.

Все. Можете убедиться в том, что наша главная таблица заимела сплошную, синюю границу в 2 пикселя шириной. Как видите все очень просто.