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

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

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

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

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

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

Привязка css к веб-странице

.

Прежде чем CSS-файл окажет какое-то влияние на вашу веб-страницу, следует привязать таблицу стилей к страницам, стиль которых вы описывали. Для этого добавьте элемент link в заголовок (head) каждой страницы, которая должна быть оформлена с помощью таблиц стилей. Сайт пока содержит только три страницы, поэтому сделать это будет легко. Элемент link просто связывает файл со страницей, на которой появляются элементы. В данном случае связанный файл — это таблица стилей.

В примере ниже видно, что на веб-странице появилась новая строка:

Поговорим о том, что значит эта разметка.

Атрибут href сообщает браузеру, где находится файл с таблицами стиля (styl el. ess). Таким же образом этот атрибут используется для указания пути, куда ведет ссылка (например, а href=homeДомой/а).

Элементы rel=stylesheet и type=text/css сообщают браузеру, с каким типом файла нужно связаться и как браузер должен обработать контент. Выполняя привязку, всегда указывайте эти важные элементы.

Теперь, когда вы знаете, как привязать файл CSS к веб-страницам, попробуйте привязать его к учебному сайту.

О Откройте каждую из ваших веб-страниц — index.html, about.html и contact, html — в текстовом редакторе. Добавьте следующую строку перед закрывающим тегом /head в каждом файле:

link href=stylel.css rel=stylesheet type=text/css/

Убедитесь, что каждая страница сохранена. Затем попробуйте открыть их в браузере.

Все ваши абзацы должны отобразиться полужирным шрифтом голубого цвета. Если это так, поздравляю — вам удалось привязать одну таблицу стилей к трем разным страницам. Если вы измените цвет в CSS-файле, например, с голубого на красный, то, открыв страницы заново, увидите, что они снова изменились. Попробуйте!

Итак, использование голубого полужирного шрифта — хороший способ убедиться, что таблицы стилей успешно привязаны, но это не тот дизайнерский эффект, которым можно гордиться. Удалите правило р (оставив комментарий) из CSS-файла, и мы начнем делать настоящую таблицу стилей.

.

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