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

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

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

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

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

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

Внутренние таблицы стилей

.

Использование встроенных стилей — простой и быстрый способ применить какие-либо CSS-эффекты к отдельным элементам документа. Но есть и другие пути оформления страниц. Куда удобнее один раз описать все стили в одном месте, а не набирать их каждый раз заново.

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

Для создания такого фрагмента нужно воспользоваться элементом stylе, который располагается внутри заголовка head:

В показанной выше разметке мы превратили встроенный стиль во внутреннюю таблицу стилей, которая начинается с тега styl е type=text/css и, конечно, закрывается тегом /style. Объявление самого стиля заключается в пару фигурных скобок: {}. Тег р, стоящий перед первой фигурной скобкой, указывает браузеру, к чему именно применяется стиль: в данном случае мы делаем полужирным любой текст, заключенный внутри тега р. Элемент р в таком случае называется селектором.

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

В данном случае таблица стилей содержит такое правило: «Стиль для всех абзацев на этой странице: текст выделяется полужирным шрифтом».

Можете добавить в это правило и больше объявлений. Если вы захотите сделать свой шрифт полужирным и голубым, то в правило надо добавить color.

Непонятно?

Ладно, ладно, до сих пор, наверное, было слишком много страшных непонятных слов. Рисунок 3.3 все расставит на свои места.

Почему внутренние таблицы стилей лучше встроенных стилей

В примере, приведенном на рис. 3.3, текст всех абзацев отображается полужирным шрифтом голубого цвета. Это избавляет вас от необходимости набирать вручную код р style=font-weight: bold; color: blue каждый раз, когда вы начинаете новый абзац — это очевидное достоинство внутренней таблицы стилей.

Если вам захочется изменить цвет шрифта всех абзацев на красный, то нужно будет лишь изменить значение атрибута color один раз вверху страницы:

Здесь мы говорим о вашей продуктивности — она решает все! По этой причине внутренняя таблица стилей значительно удобнее встроенного стиля. Но что делать, если ваш сайт содержит много страниц? Если вы хотите вносить изменения сразу для всего сайта, то внутренние таблицы стилей, используемые таким способом, не гарантируют идеального решения. Почему? Да потому, что для изменения всего сайта целиком вам придется редактировать таблицу стилей на каждой отдельной странице этого сайта. Так что самое лучшее решение — использование внешних таблиц стилей.

.

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