Что такое CSS и зачем он нужен?
Создаём CSS стиль.
Окно "Новый Стиль"
Окно "Определения стиля"

Что такое CSS и зачем он нужен?

CSS файл, это файл в котором содержатся настройки вида разных фрагментов вашей странички. В нём может содержаться информация о шрифте, его цвете, размере и его параметре. CSS переводиться как "Каскадные Таблицы Стелей".
В этой документации мы рассмотрим процесс создания и применения CSS стилей к вашей страничке.
Зачем же он нужен? С помощью CSS вы сможете изменять вид всего вашего сайта за одно мгновение, выглядить ваша страничка во всех браузерах будет одинаково и еще очень много приятной мелочи.

Создаём CSS стиль.

Итак, как было написано CSS стили мы будем раасматривать на примере программы Macromedia Dreamweaver 4. Для начала запускаем программу.

После того, как программа запустилась нажимаем комбинацию кнопок "Shift+F11" появиться окно под названием "CSS стили".О остальных кнопках этого окна мы поговорим позже.


Окно "Новый Стиль"

В появимшемся окошке в нижнем левом углу нажимаем кнопку "Новый стиль". Появляется новое окно для создания нового CSS стиля.

Разберём каждый из пунктов этого окна отдельно:
Название - название стиля.
Тип:
Всего типа три:
Первый это "Особый Стиль (класс)" - служит для изменения стиля выбранного текста или другого объекта вашей странички.
Второй это "Переделать Тэн HTML" - полностью изменяет вид определённого тэга на вашей страничке.
И третий это "Использовать Выбор CSS" - сам пока не разобрал.

Окно "Определения Стиля"

После выбора нужного вам типа, нажимаем "OK" и далее появляется окно "Определения Стиля", которое вы можете увидеть ниже. Это окно можно разделить на две части. Первая часть это выбор категории, а параметры этой категории.

Итак, рассмотрим категории:

Тип - здесь вы устанавливаете параметры шрифта выводимого браузером по умолчанию.
Шрифт - устанавливает шрифт по умолчанию. (название шрифта) Размер - размер шрифта. (число в пикселях)
Стиль - стиль. Может быть нормальный или прописью. (normal, italic, oblique)
Высота - высота между строчками. (число в пикселях)
Ширина - расстояние между буквами. (число в пикселях)
Вариант -
Случай -
Цвет - цвет текста. (код цвета в HTML кодировке) Декорация: подчёркивание - подчёркивает текст. (да/нет)
надчёркивание - надчёркивает текст. (да/нет)
прочёркивание - прочёркивает текст. (да/нет)
мигающий - текст в браузере мигает. (да/нет)
ничего - убирает все декорации. (да/нет)

Фон - здесь мы устанавливаем параметры фона.

В закладке ФОН мы видим следующие опции:
Цвет Фона - устанавливается фоновый цвет выделеной области.
Фоновое изображение - Помещает в фон рисунок для выделеной области. Выбрать рисунок можно при помощи кнопки "Просмотр..."
Повторить - число повторов.
Приложение -
Гоизонтальная позиция -
Вертикальная позиция -

Блок -

Ящик -

Граница -

Список -

Расположение -

Расширение -

Hosted by uCoz