Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Начинаем строить таблицу стилей

.

Таблица, по сути, готова. Она сохранена в нужном месте, а ваши веб-страницы правильно с нею связаны. Сейчас настало время поместить в таблицу описание стилей.

При изменении стиля сайта в первую очередь обычно меняют тип шрифта. В Windows большинство браузеров по умолчанию используют Times New Roman, как вы видели на приведенных ранее скриншотах. Шрифт очень легко изменить с помощью свойства font -familу.

Лучше всего применить новый шрифт ко всему содержимому раздела body, поэтому сделаем так.

Здесь выбран шрифт Verdana. Он применяется к элементу body, так как body содержит все элементы, отображаемые на странице. Получается, что любой текст, находящийся внутри тега body, будет выводиться этим шрифтом (разве что мы установим для отдельных элементов особый шрифт, но об этом поговорим позже).

Итак, у нас теперь Verdana! Но что, если у пользователя, который захочет посмотреть на ваш сайт, на компьютере не установлен этот шрифт? Если кратко — браузер постарается отобразить страницу наилучшим образом, но, конечно, не способен догадаться, что получится. Но, к счастью, свойство font-family может иметь несколько значений. Можно указать несколько шрифтов, и браузер отобразит первый из имеющихся на компьютере. Поэтому запишем следующее: body

{

font-family: Verdana. Helvetica, Arial, sans-serif:

}

Переведу: «Стиль всего содержимого body на моей веб-странице: текст отображается шрифтом Verdana. Если его нет, используй Helvetica. А если и его нет, то Arial. Если не установлен ни один из этих шрифтов, то используй любой из доступных стилей семейства sans-serif».

Этот прием называется созданием стека шрифтов. Позднее вы можете исследовать его возможности. Если же не хотите ждать, прочитайте статью Аарона Будмана (Aaron Boodman) 8 DefinitiveWeb Font Stacks.

В данном случае для сайта о дайвинге мы используем три вида шрифтов (и полностью семейство sans-serif). Проверим работу этой разметки на практике.

1. Введите приведенный выше код в файл styleless.

2. Сохраните файл, а затем откройте домашнюю страницу index. html в браузере.

Если все идет по плану, то ваша веб-страница (вернее, все три) не должна отличаться от того, что получилось перед этим (рис. 3.4).

Рис. 3.4. Эффект от изменения шрифта в таблицах стиля

Помните: чтобы сослаться на семейство шрифтов без засечек в CSS, надо указать следующие два слова: sans-serif.

Рис. 3.5. Засечки в шрифте Georgia

.

Читайте так же:
Not found