Если вы когда-либо создали веб-сайт без CSS кодов, вы, скорее всего, используется много и другие метки для контроля, как ваши страницы с нетерпением. Это связей презентация сайта с его содержанием, что делает его трудно изменить ваш веб-дизайна сайта. Если позже вы решите изменить цветовую схему и шрифты, используемые на сайте, вам придется править каждую страницу, с тем чтобы сделать это .
Cascading Style Sheets (CSS) обеспечить решение этой проблемы. Вместо определения дизайна веб-сайта в каждой странице, вы можете использовать таблицу стилей для контроля за общим макет вашего сайта. Тогда, если вы хотите изменить, как выглядит ваш сайт, вы просто изменить таблицу стилей.
Что делать каскадные таблицы стилей выглядеть?
Стиль листы состоят из одного или нескольких правил, которые выглядят как-то это ...
H1 (
семейство шрифтов: Arial, Helvetica;
Размер шрифта: 12pt;
цвет: зеленый
)
Каждое правило начинается с селектора, который H1 в приведенном выше примере. Селектор часто одна или несколько HTML-теги, а также заявлений внутри правила описывают, каким образом эти элементы должны появиться. Вышеуказанные CSS кодов заставит все теги H1 на странице использовать 12 пт Arial или Helvetica зеленым шрифтом текст.
Вы можете также использовать в качестве селекторы классов, которые не привязаны к конкретным элементам HTML ...
. оранжевые (
фон-цвет: оранжевый
)
Заметим, что. Оранжевые не означает ничего особенного - вы можете использовать либо как имя класса при условии, что оно начинается с периода, и состоит из одного слова (пробелы и знаки подчеркивания не допускаются).
Чтобы применить один класс в HTML-тег, вы используете класс атрибутов (который был внедрен в HTML 4.0). Например, для выделения важного текста на странице, при помощи этого стиля в
метки ...
Cascading Style Sheets
Заметим, что в период до класса имя не включено.
Как использовать таблицы стилей?
Есть три способа использования каскадных таблицах стилей ...
1) Вложения CSS кодов в стиле атрибута HTML-тегов. Большинство HTML-теги теперь поддерживают этот атрибут, но за счет применения стилей в свои метки, вы пропустили на преимуществах сохранения содержания отдельно от вашего дизайна. Например ...
Cascading Style Sheets
2) Вложение CSS кодов с использованием стиля блока в разделе HEAD Вашего HTML документа. Стиль блок состоит из вступительной
Обсудить
Читайте также
КОНТЕКСТ.ru - это новостной сайт нового формата, посвященный контекстной рекламе и рекламе в интернете. Управление сайтом осуществляется самими участниками
Комментарии