- •Скачано с http://bizkit.Land.Ru css – учебник, спецификация. Терминология
- •1. Базовые понятия
- •1.1 Включение в html
- •1.2 Группирование
- •1.3 Наследование
- •1.4 Класс в качестве селектора
- •1.5 Id в качестве селектора
- •1.6 Контекстные селекторы
- •1.7 Комментарии
- •2. Псевдо-классы и псевдо-элементы
- •2.1 Псевдо-классы ссылок
- •2.2 Типографские псевдо-элементы
- •2.3 Псевдо-элемент 'first-line'
- •2.4 Псевдо-элемент 'first-letter'
- •2.5 Псевдо-элементы в селекторах
- •2.6 Множество псевдо-элементов
- •3. Каскадирование
- •3.1 'Important'
- •3.2 Порядок каскадирования
- •4 Модель форматирования
- •4.1 Блочные элементы
- •4.1.1 Вертикальное форматирование
- •4.1.2 Горизонтальное форматирование
- •4.1.3 Элементы-списки
- •4.1.4 Плавающие элементы
- •Img { float: left }
- •4.2 Строчные элементы
- •4.3 Замещаемые элементы
- •4.4 Высота строки
- •4.5 Холст
- •4.6 Элементы 'br'
- •5 Свойства css1
- •5.1 Разъяснение значений свойств.
- •5.2 Свойства шрифта
- •5.2.1 Распознавание шрифта.
- •5.2.2 Задание семейства шрифта ('font-family').
- •5.2.3 Задание начертания шрифта ('font-style')
- •5.2.4 Задание варианта шрифта ('font-variant').
- •5.2.5 Задание веса шрифта ('font-weight')
- •5.2.6 Задание размера шрифта ('font-size').
- •5.2.7 Задание шрифта в целом ('font')
- •5.3 Свойства "цвет" (color) и "фон" (background).
- •5.3.1 Определение цвета ('color')
- •5.3.2 Определение цвета обоев ('background-color').
- •5.3.3 Определение рисунка фона ('background-image').
- •5.3.4 Определение повтора рисунка фона ('background-repeat').
- •5.3.5 Определение привязки фона ('background-attachment').
- •5.3.6 Определение положения фона ('background-position')
- •5.3.7 Определение свойств фона в целом ('background')
- •5.4 Свойства текста
- •5.4.1 Установка интервалов ('word-spacing')
- •5.4.2 Установка трекинга ('letter-spacing')
- •5.4.3 Установка оформления текста ('text-decoration')
- •5.4.4 Установка вертикального выравнивания текста ('vertical-align').
- •5.4.5 Установка преобразования текста ('text-transform')
- •5.4.6 Установка выравнивания текста ('text-align')
- •5.4.7 Установка абзацного отступа ('text-indent')
- •5.4.8 Установка высоты строки ('line-height').
- •5.5 Свойства полей.
- •5.5.1 Установка верхней границы ('margin-top').
- •5.5.6 Установка верхнего отступа ('padding-top').
- •5.5.11 Установка ширины верхней рамки ('border-top-width').
- •5.5.12 Установка ширины правой рамки('border-right-width').
- •5.5.13 Установка ширины нижней рамки('border-bottom-width')
- •5.5.14 Установка ширины левой рамки 'border-left-width'
- •5.5.15 Установка обобщающего свойства "ширина рамки" ('border-width')
- •5.5.16 Установка цвета рамки ('border-color').
- •5.5.17 Установка стиля рамки ('border-style')
- •5.5.18 Установка обобщающего свойства "верхняя рамка" ('border-top')
- •5.5.19 Установка обобщающего свойства "правая рамка" ('border-right')
- •5.5.20 Установка обобщающего свойства "нижняя рамка" ('border-bottom')
- •5.5.21 Установка обобщающего свойства "левая рамка" 'border-left'
- •5.5.22 Установка обобщающего свойства " рамка" 'border'
- •5.5.23 Установка свойства "ширина" ('width')
- •Img.Icon {
- •5.5.26 Установка свойства "чисто" ('clear')
- •5.6 Свойства - классификации
- •5.6.1 Установка свойства "показ" ('display')
- •Img { display: none }
- •5.6.2 Установка пробелов ('white-space')
- •5.6.3 Установка типа маркера перечня ('list-style-type')
- •5.6.4 Установка рисунка маркера перечня ('list-style-image').
- •5.6.5 Установка отступа маркера перечня 'list-style-position'
- •5.6.6 Установка обобщающего свойства "перечень" ('list-style')
- •6 Единицы измерения значений.
- •6.1 Установка единиц длины
- •6.2 Процентное выражение
- •6.3 Обозначение цвета
- •100.0% */
- •6.4 Url
- •7 Совместимость с css1
- •7.1 Последовательно-совместимый синтаксический анализ
- •Img { float: left } /* верно для css1 */
- •8 Литература
- •Приложение a: Пример таблицы стилей для html 2.0
- •Img, span { display: inline }
- •I, cite, em, var, address, blockquote { font-style: italic }
- •Приложение b: Грамматика css1
- •Ident {nmstrt}{nmchar}*
- •Appendix c: Encoding
- •Character encoding
- •Font encoding
- •Font sets
- •Appendix d: Gamma correction
- •Appendix e: The applicability and extensibility of css1
- •Приложение c: Кодирование
- •Character encoding
- •Font encoding
- •Font sets
- •Приложение d: Gamma correction
- •Приложение e: Применимость и расширяемость css1
Скачано с http://bizkit.Land.Ru css – учебник, спецификация. Терминология
атрибут (attribute)
атрибут HTML
автор (author)
автор HTML документа
блочный элемент (block-level element)
элемент, включающий перевод строки в начале и конце (например 'H1' в HTML)
холст (canvas)
часть поверхности UA на которой строится (отображается) документ
дочерний элемент (child element)
subelement в терминологии SGML [5]
контекстный селектор (contextual selector)
селектор, который сопоставляется элементам на основе их позиции в структуре документа. Контекстный селектор состоит из нескольких простых селекторов. Например контекстный селектор 'H1.initial B' состоит из двух простых селекторов, 'H1.initial' и 'B'.
CSS
каскадные таблицы стилей (Cascading Style Sheets)
CSS1
каскадные таблицы стилей, уровень 1. Этот документ определяет CSS1, которые являются простым механизмом таблиц стилей в Веб.
расширенные свойства CSS1 (CSS1 advanced features)
свойства, описанные в данной спецификации, но обозначенные как не включенные в основные свойства CSS1
основные свойства CSS1 (CSS1 core features)
часть CSS1, которая обязательна для реализации во всех UA, поддерживающих CSS1
интерпретатор CSS1 (Интерпретатор CSS1)
UA, который читает CSS1
определение (declaration)
свойство (например 'font-size') и соответствующее значение (например '12pt')
дизайнер (designer)
дизайнер таблицы стилей
документ (document)
HTML документ
элемент (element)
HTML элемент
тип элемента (элемент type)
стандартный идентефикатор в терминологии SGML [5]
фиктивная последовательность тэгов (fictional tag sequence)
средство описания поведения псевдо-классов и псевдо-элементов
размер шрифта (font size)
размер, для которого разработан шрифт
HTML
язык гипертекстовой разметки (Hypertext Markup Language) [2], одна из реализаций SGML.
расширение HTML (HTML extension)
разметка, введенная производителем UA, обычно для поддержки определенных визуальных эффектов. Элементы "FONT", "CENTER" и "BLINK" являются примерами расширений HTML, также как и атрибут "BGCOLOR". Одной из целей CSS является предоставление альтернативы расширениям HTML.
строчный элемент (inline element)
элемент, не имеющий переводов строк в начале и конце (например 'STRONG' в HTML)
внутренние размеры (intrinsic dimensions)
ширина и высота, определяемые самим элементом, а не его окружением. В данной спецификации принято, что только замещаемые элементы имеют внутренние размеры.
родительский элемент (parent element)
элемент контейнер в терминологии SGML [5]
псевдо-элемент (pseudo-element)
псевдо-элементы используются в селекторах CSS для адресации типографских элементов (например первая строка элемента), а не структурных элементов.
псевдо-класс (pseudo-class)
псевдо-классы используются в селекторах CSS для обеспечения возможности влияния на элементы внешней по отношению к HTML коду информации (например тот факт, что ссылка была посещена).
свойство (property)
стилистический параметр на который можно повлиять с помощью CSS. Данная спецификация определяет список свойств и их возможных значений.
читатель (reader)
человек, для которого строится (отображается) документ
замещаемый элемент (replaced element
элемент, для которого известны только внутренние размеры. В HTML элементы 'IMG', 'INPUT', 'TEXTAREA', 'SELECT' и 'OBJECT' являются примерами замещаемых элементов. Например содержимое элемента 'IMG' замещается изображением, адресуемым атрибутом SRC. CSS1 не определяет, как находятся внутренние размеры.
правило (rule)
определение (например 'font-family: helvetica') и ее селектор (например 'H1')
селектор (selector)
строка, определяющая, к каким элементам применяется данное правило. Селектор может быть простым (например 'H1') или контекстным (например 'H1 B'), который состоит из нескольких простых селекторов.
SGML
стандартный обобщенный язык разметки (Standard Generalized Markup Language) [5], для которого HTML является одной из реализаций
простой селектор (simple selector)
селектор, который сопоставляется элементам на основе их типа и/или атрибутов, а не их положения в структуре документа. Например 'P.initial' является простым селектором.
таблица стилей (style sheet)
набор правил
UA
User Agent, часто веб-браузер или веб-клиент
пользователь (user)
тоже, что и читатель
вес (weight)
приоритет правила
В тексте спецификации одинарные кавычки ('...') указывают на выдержки из HTML или CSS.