Відкрийте палітру стилів CSS. Перейдіть до «Вікно» > «Стилі CSS». Щоб створити новий стиль, клацніть маленьку піктограму меню у верхньому правому куті палітри та виберіть «Новий стиль CSS…» У вікні, що з’явиться, для поля «Визначити в» натисніть кнопку «Нова таблиця стилів». … щоб створити зовнішню таблицю стилів.
Крім того, ви можете вибірково застосовувати правила з кількох місць, включаючи меню «Стиль» або «Клас» в інспекторі властивостей або селектор тегів у нижній частині вікна документа. Запустіть панель CSS за допомогою виберіть «Вікно» > «Стилі CSS»..
CSS можна додати до HTML трьома різними способами. Щоб оформити один елемент HTML на сторінці, використовувати вбудований CSS в атрибуті style. Додавши CSS до головного розділу нашого HTML-документа, ми можемо вбудувати внутрішню таблицю стилів. Ми також можемо підключитися до зовнішньої таблиці стилів, яка відокремлює наш CSS від нашого HTML.
CSS можна додати до документів HTML трьома способами:
- Inline – за допомогою атрибута style всередині елементів HTML.
- Внутрішній – за допомогою елемента <style> в розділі <head>.
- Зовнішній – за допомогою елемента <link> для посилання на зовнішній файл CSS.
Відкриваючи документ у режимі перегляду коду, Dreamweaver автоматично перевіряє, чи документ не використовує жодних тегів, атрибутів, властивостей CSS або значень CSS, недоступних у цільових браузерах, вибраних користувачем. Dreamweaver підкреслює помилки хвилястою червоною лінією.
Якщо ви не бачите панелі стилів CSS у робочій області Dreamweaver, виберіть Вікно→Стилі CSS, щоб відкрити його. У текстовому полі «Файл/URL» введіть назву файлу CSS, на який потрібно створити посилання, або натисніть кнопку «Огляд», щоб знайти та вибрати потрібний файл CSS.