Встроенные таблицы стилей
Встроенные таблицы стилей позволяют управлять элементами в отдельном html-документе при помощи пары команд <style> и </style>. Эта пара со всем её содержимым помещается между командами <head> и </head>. Пример: <html> Теперь рассмотрим ситуацию, когда в команде <style> для цвета заголовка задан зеленый цвет: <style> а внутри самого заголовка указано: <H1 style="color:blue">Какого цвета будет заголовок?</H1> В этом случае и будет применен принцип каскадирования, который позволит разрешить конфликт: приоритет имеет внутренняя таблица стилей (style="color:blue"), поэтому заголовок будет синим. Синтаксис CSS Синтаксис CSS отличается от синтаксиса HTML, в нем нет ни тегов, ни атрибутов. Но есть правила, каждое из которых описывает внешний вид одного или группы элементов HTML. Правило записываются следующим образом: селектор {свойство: значение} Здесь под селектором подразумевается элемент, для которого задается стиль, далее в фигурных скобках, через ";" записываются парысвойство:значение. Например, для окрашивания всех заголовков второго уровня в красный цвет достаточно просто указать в описании стиля следующее: H2 {color: red} Селекторы могут описывать следующие элементы:
Для пояснительной информации можно использовать комментарии, которые заключаются в скобки /* и */: P {color: red} /* это абзац красного цвета */ Следующий пример демонстрирует задание встроенного стиля в html-документе:
Основные элементы CSS Задание цвета BODY {color: blue} (цвет текста во всем документе) Задание размера P {font-size: 2ex} (ex — размер, равный размерам буквы «x») Задание курсива P {font-style: italic} Задание жирного шрифта P {font-weight: bold} Задание гарнитуры шрифтов P {font-family: Arial} (имя гарнитуры шрифта) Задание размещения P {text-align: center} (варианты значений: center / left / right) Задание отступов P {margin-top: 10px} — отступ сверху Маркированный список UL {list-style-type: disc} (варианты значений: disc / circle / square) Нумерованный список OL {list-style-type: decimal} (арабские цифры, начиная с 1; установлено по умолчанию) Свойства текста Оформление интервала между словами P {word-spacing: normal} или Оформление интервала между символами P {letter-spacing: 2em} — увеличенный интервал, т.н. «разрядка»
Популярное: Как выбрать специалиста по управлению гостиницей: Понятно, что управление гостиницей невозможно без специальных знаний. Соответственно, важна квалификация... Почему люди поддаются рекламе?: Только не надо искать ответы в качестве или количестве рекламы... Модели организации как закрытой, открытой, частично открытой системы: Закрытая система имеет жесткие фиксированные границы, ее действия относительно независимы... Генезис конфликтологии как науки в древней Греции: Для уяснения предыстории конфликтологии существенное значение имеет обращение к античной... ©2015-2024 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (1519)
|
Почему 1285321 студент выбрали МегаОбучалку... Система поиска информации Мобильная версия сайта Удобная навигация Нет шокирующей рекламы |