|
|
ъхз. Каскадные таблицы стилей css стиль набор параметров, задающий внешнее представление объекта
Каскадные таблицы стилей CSS Стиль – набор параметров, задающий внешнее представление объекта. Таблица стилей – это инструмент языка html, предоставляющий возможности по улучшению внешнего отображения страницы средствами структурного программирования. Таблица стилей содержит набор правил (стилей), описывающих оформление самой Web-страницы и отдельных ее фрагментов. Каждый элемент на странице может иметь свой стиль (параграфы, заголовки, линии, текст...). Набор стилей всех элементов называют таблицей стилей. Преимущества использования CSS: - Разграничение кода и оформления.
- Разное оформление для разных устройств.
- Расширенные по сравнению с HTML способы оформления элементов.
- Уменьшение размеров страниц.
- Ускорение загрузки сайта.
- Единое стилевое оформление множества документов.
- Централизованное хранение
Уровни CSS: Уровень 1 (CSS1) – принята 17.12.96, Уровень 2 (CSS2) – принята 12.05.98 Уровень 2 (CSS2.1) – принята 07.06.11 Уровень 3 (CSS3) – разрабатывается Правило таблиц CSS состоит из двух частей: селектор {свойство1: значение; свойство2: значение} 1. Селектор – любой тэг html, для которого определение задает каким образом необходимо его форматировать. 2. Определение – состоит из двух частей: Пример P { color: #0000FF } P - это селектор. Он представляет собой имя тега
. color - это свойство (атрибут) стиля. Он задает цвет текста. #0000FF - это значение атрибута стиля color. Оно представляет код синего цвета, записанный в формате RGB Правила CSS 1. Несколько параметров можно перечислять через двоеточие, либо задавать отдельно каждый параметр. 2. Если для одного селектора определяются одинаковые атрибуты, но с разными значениями, то использоваться будет тот, что указан в коде последним. P { color: green } P { color: red } 3. Свойства и их значения в CSS не чувствительны к регистру, поэтому их можно набирать как заглавными, так и строчными символами. Способы связывания документа и таблиц стилей: 1. Связывание – позволяет использовать одну таблицу стилей для форматирования многих страниц html. Для этого таблица стилей хранится в отдельном файле с расширением CSS. Присоединяется к документам с помощью тэга <LINK>, задаваемого в разделе <HEAD>. Пример: В связываемом файле содержатся наборы правил CSS, определяющих форматирование документа. Содержимое файла mystyles.css BODY {background-color: #000000; color: #FFFFFF} P {color: #0000FF} EM {color: #00FF00; font-weight: bold} .attention {color: #FF0000; font-style: italic} .bigtext {font-size: large} 2. Внедрение – позволяет задавать все правила таблицы стилей непосредственно в самом документе в стилевом блоке, ограниченном тэгами STYLE: Пример: <HEAD> <STYLE type="text/css"> B {text-transform: uppercase} P {background-color: lightgray; text-align: center} STYLE> HEAD> Заголовок 1 Заголовок 2
Обычный абзац
Текст параграфа с идентификатором
<H1 class="red">Красный шрифт <H1 class="blue">Красный шрифт на синем фоне
<P class="red">Красный шрифт
<P class="blue">Красный шрифт на синем фоне
<H1 class="blue">Заголовок красного цвета на синем фоне
<H2 class="red">Заголовок красного цвета
Продолжая известный закон Мерфи, который гласит: Если неприятность может случиться, то она обязательно случится, можем ввести свое наблюдение: После того, как веб-страница будет корректно отображаться в одном браузере, выяснится,
Обычная ссылка | Ссылка в новом окне
Обычная ссылка | Внешняя ссылка на сайт htmlbook.ru
Yandex.Com | Yandex.Ru
|
|
|
Скачать 220.97 Kb.