Организация сайтостроительства Разработка стилей ActiveX Язык HTML Моделирование сайта Пакет Adobe GoLive WEB системы Протокол WAP 3D графика LightWave 8 3DS MAX 3D Studio MAX Мультимедийный сайт Анимация Графика Фото Кино Flash Видео на сайте Организация видео контента Premiere Pro Vstudio VirtualDub ВSonic Scenarist Видео на DVD Графика на сайте Изображения для сайта Photoshop Adobe After Effect Adobe Illustrator CorelDRAW CorelXARA Maya |
|
Организация сайтостроительства - стили
В веб-дизайне используются разные стили, которые отличаются особенностями оформления сайтов. Некоторые из них: минимализм, журнальный, брутализм и винтажный. Минимализм
Основная идея — акцент на контент сайта, а не на его оформление. Некоторые особенности стиля:
Минимум декора — вместо множества иконок и украшений дизайнер объединяет их в простые панели.
Геометрические формы и ограниченная цветовая палитра (нередко — монохромная).
Типографика — читаемые шрифты, уровни текста различимы, контраст достаточный.
Использование пустого пространства — отступы между блоками, «воздух» вокруг кнопок и текста помогают пользователю сосредоточиться на главном.
-
CSS по шагам
CSS (Cascading Style Sheets, каскадные таблицы стилей)— это набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением.
Стили являются удобным, практичным и эффективным инструментом при верстке веб-страниц и оформления текста, ссылок, изображений и других элементов. Далее описаны преимущества, которые дает CSS.
Шаг 1. Что такое CSS
Разделение оформления и содержания
Единое оформление документов
Централизованное хранение
Расширенные возможности
Быстрая работа
Шаг 2. Подключение CSS
Таблица связанных стилей
Пример 2.1. Подключение таблицы связанных стилей
Пример 2.2. Файл со стилем
Таблица глобальных стилей
Пример 2.3. Использование таблицы глобальных стилей
Внутренние стили
Пример 2.4. Использование внутренних стилей
Пример 2.5. Сочетание разных методов подключения стилей
Импорт CSS
Пример 2.6. Импорт CSS в глобальную таблицу стилей
Пример 2.7. Импорт в таблице связанных стилей
Шаг 3. Типы носителей
Пример 3.1. Импорт стилевого файла
Пример 3.2. Стили для разных типов носителей
Пример 3.3. Подключение стилей для разных носителей
Шаг 4. Базовый синтаксис
Пример 4.1. Использование стилей
Изменение важности элементов с помощью !important
Пример 4.2. Повышение важности элементов
Шаг 5. Селекторы тегов
Пример 5.1. Изменение стиля тега параграфа
Шаг 6. Классы
Пример 6.1. Использование классов c тегами
Пример 6.2. Использование классов
Пример 6.3. Использование классов
Шаг 7. Идентификаторы
Пример 7.1. Использование идентификатора
Пример 7.2. Применение идентификатора совместно с тегом
Пример 7.3. Изменение видимости слоя
Шаг 8. Комментарии
Пример 8.1. Комментарии в файле CSS
Пример 8.2. Комментарии в коде HTML
Пример 8.3. Однострочный комментарий
Пример 8.4. Комментирование отдельных свойств CSS
Шаг 9. Контекстные селекторы
Пример 9.1. Контекстные селекторы
Пример 9.2. Использование классов
Шаг 10. Соседние селекторы
Пример 10.1. Использование соседних селекторов
Пример 10.2. Изменение стиля абзаца
Пример 10.3. Отступы между заголовками и текстом
Шаг 11. Дочерние селекторы
Пример 11.1. Вложенность элементов в документе
Пример 11.2. Контекстные и дочерние селекторы
Пример 11.3. Использование дочерних селекторов
Шаг 12. Селекторы атрибутов
Простой селектор атрибута
Пример 12.1. Вид элемента в зависимости от его параметра
Селектор атрибута со значением
Пример 12.2. Стиль для открытия ссылок в новом окне
Атрибут начинается с определенного значения
Пример 12.3. Изменение стиля внешней ссылки
Атрибут оканчивается определенным значением
Пример 12.4. Стиль для разных доменов
Значение встречается в любом месте атрибута
Пример 12.5. Стиль для разных сайтов
Шаг 13. Универсальный селектор
Пример 13.1. Использование универсального селектора
Шаг 14. Группирование
Пример 14.1. Стиль для каждого селектора
Пример 14.2. Сгруппированные селекторы
Шаг 15. Наследование
Пример 15.1. Наследование параметров цвета
Пример 15.2. Параметры текста для всей веб-страницы
Пример 15.3. Изменение свойств наследуемого элемента
Шаг 16. Псевдоклассы
Псевдоклассы, определяющие состояние элементов
Active
Link
Focus
Пример 16.1. Применение псевдокласса focus
Hover
Visited
Пример 16.2. Изменение цвета ссылок
Пример 16.3. Выделение строк таблицы
Псевдоклассы, имеющие отношение к дереву документа
First-child
Пример 16.4. Использование псевдокласса first-child
Пример 16.5. Отступы для абзаца
Шаг 17. Псевдоэлементы
After
Пример 17.1. Применение псевдоэлемента after
Before
Пример 17.2. Использование псевдоэлемента before
First-letter
Пример 17.3. Использование псевдоэлемента first-letter
First-line
Пример 17.4. Выделение первой строки текста
Шаг 18. Правила создания стиля
Пишите все правила для каждого селектора в одном месте
Пример 18.1
Пример 18.2
Имеет приоритет значение, указанное в коде ниже
Пример 18.3
Начинайте с селекторов верхнего уровня
Пример 18.4
Группируйте селекторы с одинаковыми параметрами и значениями
Пример 18.5
Используйте идентификаторы и классы
Пример 18.6
Пример 18.7
-
О спецификации CSS2
Данная спецификация написана в расчёте на читателей двух типов: CSS-авторов и CSS-разработчиков. Мы надеемся, что эта спецификация снабдит авторов средствами, необходимыми для создания эффективных, привлекательных и доступных документов без излишнего углубления в детали реализации CSS. Разработчики к тому же смогут найти всё необходимое для создания соответствующих пользовательских агентов (ПА).
Спецификация начинается общим представлением CSS и постепенно всё более углубляется в технические подробности и специфику. Для быстрого доступа к информации служат общие и специализированные оглавления в начале каждого раздела и индексы - в электронном и печатном виде.
Спецификация создана в расчёте на два типа представления: электронное и печатное. Хотя эти два типа, без сомнения, похожи, читатели могут заметить и некоторые отличия. Например, ссылки не будут работать в печатной версии (естественно), а номера страниц будут отсутствовать в электронной версии. В случае возникновения противоречий, электронная версия должна считаться определяющей.
Как организована эта спецификация
Язык документа элементы и атрибуты
Определения свойств CSS
Значение/Value
Начальное/Initial
Применяется к/ Applies to
Наследуется/Inherited
Процентные значения/Percentage values
Группы носителей/Media groups
Сокращённые формы свойств
Замечания и примеры
Изображения и полные описания
Благодарности
Авторские права
Каскадные Таблицы Стилей уровеньСпецификация CSS
Резюме
Статус этого документа
Доступные форматы
Доступные языки
Опечатки и ошибки
Звуковые таблицы стилей
Свойства объёма звука 'volume'
Свойства разговора 'speak'
Свойства паузы 'pausebefore' 'pauseafter' и 'pause'
Свойства реплики 'cuebefore' 'cueafter' и 'cue'
Свойства микширования 'playduring'
Пространственные свойства 'azimuth' и 'elevation'
Свойства характеристик голоса
Свойства речи 'speakpunctuation' и 'speaknumeral'
Модель бокса
Размеры бокса
Иллюстрация
Пример полей заполнения и рамок
Свойства поля 'margintop' 'marginright' 'marginbottom' 'marginleft' и 'margin'
Сжатие полей
Свойства заполнения 'paddingtop' 'paddingright' 'paddingbottom' 'paddingleft' и 'padding'
Свойства рамки
Ширина рамки 'bordertopwidth'
Цвет рамки 'bordertopcolor'
Стиль рамки 'bordertopstyle'
Сокращённые свойства рамок 'bordertop' 'borderbottom' 'borderright' 'borderleft' и 'border'
Установка значений свойств Каскадирование и Наследование
Специфицированные вычисленные и текущие значения
Специфицированные значения
Вычисленные значения
Реальные значения
Наследование
Значение 'inherit'
Правило @import
Каскад
Порядок каскадирования
Правила !important
Вычисление специфики селектора
Старшинство неCSS подсказок
Приложение В Изменения по сравнению с CSS
B Новая функциональность
B Обновлённые описания
B Семантические изменения по сравнению с CSS
Цвета и фон
Цвет переднего плана свойство 'color'
Фон
Свойства фона 'backgroundcolor'
Коррекция цветовой гаммы
Соответствие Требования и Рекомендации
Определения
Соответствие
Ошибочные условия
Тип содержимого text/css
Индекс дескрипторов
Шрифты
Спецификация шрифта
Свойства спецификации шрифта
Семейство шрифтов свойство 'fontfamily'
Сокращение для свойств шрифта свойство 'font'
Общие (родовые) семейства шрифтов
Serif
Sansserif
Cursive
Fantasy
Monospace
Выбор шрифта
Описание шрифта и @fontface
Дескрипторы для подбора
Дескрипторы для квалификации данных шрифта 'unicoderange'
Дескриптор числовых значений 'unitsperem'
Дескриптор для ссылки 'src'
Дескрипторы для синтеза 'widths' 'bbox' и 'definitionsrc'
Дескрипторы выравнивания 'baseline' 'centerline' 'mathline' и 'topline'
Примеры
Введение
Полное имя шрифта
Единицы измерения emквадрата
Центральная базовая линия/(Central Baseline)
Кодировка шрифта
Имя семейства шрифта
Ширина глифов
Ширина горизонтальной основы
Высота глифов верхнего регистра
Высота глифов нижнего регистра
Нижняя базовая линия
Математическая базовая линия
Максимальный ограничивающий бокс
Максимальная неакцентированная высота
Максимальная неакцентированная глубина
Число Panose
Диапазон символов ISO
Верхняя базовая линия
Ширина вертикальной основы
Угол вертикального наклона
Алгоритм совпадения шрифтов
Отображение значений ширины шрифтов в имена шрифтов
Примеры совпадения шрифтов
Генерируемое содержимое автоматическая нумерация и списки
Псевдоэлементы before и after
Свойство 'content'
Взаимодействие before и after с элементами 'compact' и 'runin'
Знаки кавычек
Спецификация кавычек свойством 'quotes'
Вставка кавычек с применением свойства 'content'
Автоматические счётчики и нумерация
Вложение счётчиков и область видимости
Стили счётчиков
Счётчики в элементах с 'display none'
Маркировка и списки
Маркировка свойство 'markeroffset'
Списки свойства 'liststyletype' 'liststyleimage' 'liststyleposition' и 'liststyle'
Приложение D Грамматика CSS
D Грамматика
D Лексический сканер
D Сравнение лексического разбора в CSS и в CSS
CSS Введение
Краткое пособие CSS для HTML
Краткое пособие CSS для XML
О спецификации CSS2 том 2
Модель процесса CSS
Канва
Модель адресации CSS
Принципы дизайна CSS
Типы носителя
Спецификация таблиц стилей зависимых от типа носителя
Правило @media
Распознаваемые типы носителя
Группы носителей
Приложение С Замечания по реализации и выполнению для шрифтов
C Справочник терминологии шрифтов
C Выбор шрифта
C Значения Чисел Panose
C Вычисление Диапазонов Unicode для TrueType
C Автоматическая генерация дескриптора
Страничные носители
Страничные боксы правило @page
Поля страницы
Размер страницы свойство 'size'
Размещение страничных боксов не помещающихся на листе
Позиционирование страничного бокса на листе
Знаки обрезки свойство 'marks'
Левая правая и первая страницы
Содержимое вне страничного бокса
Разрывы страниц
Разрывы перед/после элементов 'pagebreakbefore' 'pagebreakafter' 'pagebreakinside'
Использование именованных страниц 'page'
Разрывы внутри элементов 'orphans' 'widows'
Допустимые разрывы страниц
Форсированные разрывы страниц
"Наилучшие" разрывы страниц
Каскадирование в контексте страницы
Индекс свойств
Ссылки
E Нормативные ссылки
E Информативные ссылки
Селекторы типа
Селекторы потомков
Селекторы дочерних элементов
Смежные селекторыродственники
Селекторы атрибутов
Совпадение атрибутов и их значений
Значения по умолчанию для атрибутов в ОТД
Селекторы класса
Селекторы ID
Псевдоэлементы и псевдоклассы
Псевдоклассы
Псевдокласс firstchild
Псевдоклассы гиперссылки link и visited
Динамические псевдоклассы hover active и focus
Псевдокласс языка lang
Псевдоэлементы
Псевдоэлемент firstline
Псевдоэлемент firstletter
Синтаксис CSS и базовые типы данных
Синтаксис
Лексический разбор
Ключевые слова
Наборы правил блоки объявлений и селекторы
Объявления и свойства
Комментарии
Правила обработки ошибок грамматического разбора
Целые и вещественные числа
Размеры
Процентные значения
URL + URN = URI
Счётчики
Цвета
Угловые значения
Время
Частоты
Строки
Представление документа CSS
Мнемоники символов не представленных в кодировке символов
Таблицы
Табличная модель CSS
Анонимные объекты таблицы
Селекторы столбцов
Таблицы в модели визуального форматирования
Позиция и выравнивание заголовка
Вид содержимого таблицы
Слои и прозрачность таблицы
Алгоритмы ширины таблицы свойство 'tablelayout'
Алгоритм фиксированного вывода
Автоматический вывод таблицы
Алгоритмы высоты таблицы
Горизонтальное выравнивание в столбце
Динамические эффекты рядов и столбцов
Рамки
Модель раздельных рамок
Обрамление пустых ячеек свойство 'emptycells'
Модель сжимающихся рамок
Разрешение конфликтов рамок
Стили рамок
Звуковое представление таблиц
Говорящие заголовки свойство 'speakheader'
Текст
Отступы свойство 'textindent'
Выравнивание свойство 'textalign'
Подчёркивание надчёркивание перечёркивание и мигание свойство 'textdecoration'
Оттенение текста свойство 'textshadow'
Расстояния между буквами и словами свойства 'letterspacing' и 'wordspacing'
Капитализация свойство 'texttransform'
Пробел свойство 'whitespace'
Интерфейс пользователя
Курсоры свойство 'cursor'
Предпочтительные цвета пользователя
Предпочтительные шрифты пользователя
Динамические контуры свойство 'outline'
Контуры и фокус
Увеличение
Модель визуального форматирования Детали
Определение "содержащего блока"
О спецификации CSS2 том 2
Ширина содержимого свойство 'width'
Вычисление ширины и полей
Инлайн незамещаемые элементы
Уровень блока незамещаемые элементы при нормальном всплывании
Уровень блока замещаемые элементы при нормальном всплывании
Всплывание незамещаемые элементы
Всплывание замещаемые элементы
Абсолютное позиционирование незамещаемые элементы
Абсолютно позиционированные замещаемые элементы
Минимальная и максимальная ширина 'minwidth' и 'maxwidth'
Высота содержимого свойство 'height'
Вычисление высоты и полей
Инлайн замещаемые элементы
Уровень блока незамещаемые
Абсолютно позиционированные незамещаемые элементы
Минимальная и максимальная высота 'minheight' и 'maxheight'
Подсчёт высоты строк свойства 'lineheight' и 'verticalalign'
Габариты и полугабариты
Визуальные эффекты
Переполнение и сжатие
Переполнение свойство 'overflow'
Сжатие свойство 'clip'
Видимость свойство 'visibility'
Модель визуального форматирования
Порт просмотра
Содержащие блоки
Управление генерацией боксов
Элементы уровня блока и боксы блока
Анонимные боксы блока
Инлайнэлементы и инлайнбоксы
Анонимные инлайнбоксы
Боксы compact/компактные
Втягивающиеся боксы (runin)
Свойство 'display'
Схемы позиционирования
Выбор схемы позиционирования свойство 'position'
Позиционирование и заполнение в боксе 'top' 'right' 'bottom' 'left'
Нормальное расположение
Контекст форматирования блока
Контекст инлайнформатирования
Позиционирование поплавка свойство 'float'
Управление положением после поплавка свойство 'clear'
Абсолютное позиционирование
Фиксированное позиционирование
Соотношение между 'display' 'position' и 'float'
Сравнение нормального расположения поплавков и абсолютного позиционирования
Обтекание бокса
Слои
Спецификация уровня в пакете слоёв свойство 'zindex'
Направление текста свойства 'direction' и 'unicodebidi'
-
Основы работы с CSS
Первоначально для представления документов не было предусмотрено каких-либо тегов форматирования, т.е. предполагалось, что о представлении документа позаботится браузер.
-
Основы работы с XHTML и CSS
Всемирная паутина (WWW) широко проникла в современную жизнь. Просмотр страниц Web и использование e-mail стали повседневной деятельностью большинства людей, и кажется, что эти технологии существовали всегда. Конечно, базовая технология Интернет существует уже не менее 40 лет, но паутина Web появилась совсем недавно, ее основное развитие происходило только в последнее десятилетие.
Подобно большинству технологий Web возникла на основе предшествующих разработок, никак не предвещавших конечную форму, которую они могут принять. Технология начиналась с нарождающимся чувством некоторой цели, которая затем навсегда отклонилась в области, никак не предполагавшихся в начале. Историческое развитие этих базовых технологий представляет собой интересный холст, на котором рисуется портрет все еще юной и незрелой Web.
ARPANET - Начало Интернет
Редактирование текста с помощью Notepad
Сохранение документа XHTML
Вывод документа XHTML
Редактирование документа и вывод
Создание первой страницы Web
Комментарии в XHTML
Сохранение и вывод первой страницы Web
NSFNET - Развитие Интернет
WWW - Информационная сеть
Техническая конвергенция
Использование Интернет
Технологии Интернет
Обслуживание страниц Web
Серверы и клиенты
Доступ к документам Web
URI
Просмотр локальных страниц Web
Создание присутствия в Web
Теги XHTML и стили CSS
Язык разметки HTML
Изучение HTML
Развитие стандартов HTML
Стандарты кодирования XHTML
Соответствие XHTML 1.1
Соответствие XHTML 1.0
Корневой элемент html
Стандарты соответствия кодированию
Валидация страниц Web
Типы тегов XHTML
Контейнерные и пустые теги
Каскадные таблицы стилей
Работа с документами XHTML
Пролог
Тег html
Тег head
Тег title
Тег body
Структурирование содержимого страницы
Структурирование содержимого страницы
Вывод в редакторе и браузере
Форматированный текст
Исключенные атрибуты width и height
Использование графических изображений в качестве ссылок
Создание подкаталога Media
Параграфы
Тег p
Блочные и линейные теги
Исключенные теги и атрибуты
Исключенный атрибут align
Тег blockquote
Вложенные теги blockquote
Перенос строки
Тег br/
Несколько переносов строк
Исключенный тег br
Заголовки
Исключенный атрибут align
Горизонтальная линейка
Исключенные тег hr и его атрибуты
Списки
Неупорядоченные списки
Вложенные неупорядоченные списки
Исключенный атрибут type
Упорядоченные списки
Вложенные упорядоченные списки
Исключенные атрибуты type и start
Списки определений
Соединение страниц
Тег a
Локальные ссылки
Удаленные ссылки
Исключенный атрибут target
Цвет ссылок
Вывод изображений
Графические форматы
Использование изображений
Тег img/
Исключенное выравнивание изображений
Использование стилей оформления
Использование стилей оформления
Атрибуты
Каскадные таблицы стилей
Линейные таблицы стилей
Классы стилей оформления
Стратегии оформления
Встроенные таблицы стилей
Внешние таблицы стилей
Применение таблиц стилей
Стили оформления полей страницы
Свойства стиля оформления полей страницы
Значение размера
Задание полей с помощью линейной таблицы стилей
Задание полей с помощью вложенной таблицы стилей
Задание полей с помощью внешней таблицы стилей
Задание индивидуальных полей страницы
Исключенные атрибуты тега body
Поля параграфа
Вертикальные поля
Стили выравнивания
Стиль text-align
Выравнивание параграфа
Выравнивание заголовка
Выравнивание изображений
Плавающие изображения
Стиль text-indent
Стили определения ширины и высоты
Ширина и высота линейки
Ширина и высота изображений
Основные стили цвета
Цвет текста и фона
Цвет линейки
Области действия и разделы
Тег span
Тег div
Селекторы и классы стиля
Простые селекторы
Селекторы ID
Оформление тегов span и div
Параметры шрифта
Параметры шрифта
Стили шрифта
Вложенные стили
Исключенный тег font
Свойства текста
Применение свойств текста
Использование отрицательных значений
Промежутки между буквами и словами
Теги стиля шрифта
Теги физических стилей
Теги логических стилей
Представление заголовков таблицами стилей
Групповые селекторы
Тег pre
Цвета текста и фона
Шестнадацатеричные цвета
Цвета RGB
Названия цветов
Свойства цвета текста
Специальные символы
Коды символов
Вывод кода XHTML
Форматирование кодов символов
Графические форматы
Графические форматы
Формат изображений GIF
Прозрачные изображения
Многослойные изображения
Фильтры xRay(), invert(), и gray()
Фильтр dropShadow()
Фильтр shadow()
Фильтр glow()
Анимированные изображения
Формат изображений PNG
Формат изображений JPEG
Вывод изображений
Тег img/
Вывод локальных изображений
Вывод удаленных изображений
Размер изображения
Позиционирование изображения
Автономные изображения
Плавающие изображения
Изображения в строке
Обтекание текста вокруг изображений
Свойство clear
Графический текст
Исключенные атрибуты тега img
Фоновые изображения
Источники изображений
Стили фона
Иллюстрация
Фильтры
Фильтр alpha()
Равномерный фильтр alpha()
Линейный фильтр alpha()
Радиальный фильтр alpha()
Прямоугольный фильтр alpha()
Фильтр blur()
Фильтр emboss()
Фильтр engrave()
Фильтры flipH() и flipV()
Оформление списков
Оформление списков
Оформление неупорядоченных списков
Определение символов маркеров
Задание полей для неупорядоченного списка
Изменение положения свободного пространства
Абсолютное позиционирование
Определение позиционного расположения элементов страницы
Определение позиционного расположения элементов страницы - 2
Подавление вывода символов маркеров
Использование графических изображений для неупорядоченных списков
Оформление упорядоченных списков
Задание числовых символов
Вложенные упорядоченные списки
Оформление списков определений
Контекстные селекторы
Границы и отступы
Стили границ
Стили отступов
Границы изображений
Поля, границы и отступы
Задание размеров элементов
Ширина и высота контейнера
Переполнение контейнера
Плавающие контейнеры
Позиционирование элементов
Относительное позиционирование
Разбиение элементов по слоям
Текстовые ссылки
Текстовые ссылки
Тег a
Исключенный атрибут target
Вывод в новом окне браузера
Переадресация страниц
Тег meta
Слайд-шоу
Перемещение между папками
Стили ссылок
Исключенные атрибуты body
Ссылки внутри страницы
Исключенный атрибут name
Соединение с документами других типов
Текстовые файлы
Документы, созданные текстовым процессором
Документы электронной таблицы
Документы презентации
Графические файлы
Ссылки е-mail
Графические ссылки
Карты ссылок
Определение отображаемых областей
Кодирование карты ссылок
Перекрывающиеся активные области
Код страницы с картой ссылок
Исключенный код usemap
-
Применение каскадных таблиц стилей (CSS)
Дизайн Web-узлов — это точное размещение компонентов HTML-страниц относительно друг друга в рабочей области окна браузера.
Недостатки такого определения Web-дизайна очевидны. В нем не учтены ни цвет, ни форма, ни другие свойства компонентов HTML-страниц. Главное в этом определении — показать ограниченность возможностей HTML-разметки. Позиционирование компонентов на странице является одним из самых слабых мест в HTML.
К компонентам страницы относятся: блоки текста, графика и встроенные приложения. Размер и границы каждого из этих компонентов в рамках HTML-разметки задаются с разной степенью точности. Размер графики и приложений можно задать с точностью до пиксела. Размеры текстовых блоков в HTML задать нельзя: они вычисляются браузером исходя из относительного размера шрифта по умолчанию.
Способы применения CSS
Переопределение стиля
Элемент STYLE
Ссылка на внешнее описание
Импорт описания стилей
Синтаксис
Селектор — имя элемента разметки
Селектор — имя класса
Селектор — идентификатор объекта
Наследование и переопределение
Применение каскадных таблиц стилей (CSS)
Блочные и строковые элементы
Элемент DIV
Элемент SPAN
Свойства блоков
Отступы (margin)
Набивка (padding)
Граница (border)
Обтекание блока текста
Применение каскадных таблиц стилей (CSS)
Управление цветом в CSS
Цвет текста
Цвет фона текста
Шрифт
Гарнитура (font-family)
Кегль (font-size)
Начертание
Применение каскадных таблиц стилей (CSS)
Межбуквенные расстояния
Выравнивание
Преобразование шрифта
Первая строка параграфа
Межстрочное расстояние
Форма "пулек"
"Пульки"-картинки
Применение каскадных таблиц стилей (CSS)
Координаты и размеры
Абсолютные координаты
Относительные координаты
Линейные размеры блока
Управление видимостью
Порядок наложения и область видимости
Порядок наложения блоков. z-index
Область видимости блока. clip
-
Спецификация CSS1
Разработка простых таблиц стилей является довольно простым занятием. Разработчик должен иметь базовые знания по HTML и по полиграфической терминологии. Например для определения цвета элементов 'H1' как синий, достаточно сказать:
H1 { color: blue }
Приведенный пример является простым правилом CSS. Правило состоит из двух основных частей: селектора ('H1') и определения ('color: blue'). Определение в свою очередь тоже состоит из двух частей: свойства ('color') и значения ('blue'). В то время, как приведенный пример пытается повлиять только на одно из свойств, необходимых для построения HTML документа, он уже является таблицей стилей. Скомбинированный с другими таблицами стилей (одним из фундаментальных свойств CSS является комбинирование таблиц стилей) он будет определять конечный вид всего документа.
Селектор является связью между HTML документом и таблицей стилей, полный набор типов элементов содержит все возможные селекторы. Типы элементов определены в спецификации HTML
Базовые понятия. Спецификация CSS1
Включение в HTML
Группирование
Наследование
Класс в качестве селектора
ID в качестве селектора
Контекстные селекторы
Комментарии
Псевдо-классы и псевдо-элементы. Спецификация CSS1
Псевдо-классы ссылок
Типографские псевдо-элементы
Псевдо-элемент 'first-line'
Псевдо-элемент 'first-letter'
Псевдо-элементы в селекторах
Множество псевдо-элементов
Каскадирование. Спецификация CSS1
'Important'
Порядок каскадирования
Модель форматирования. Спецификация CSS1
Блочные элементы
Вертикальное форматирование
Горизонтальное форматирование
Элементы-списки
Плавающие элементы
Строчные элементы
Замещаемые элементы
Высота строки
Холст
Элементы 'BR'
Свойства CSS1. Спецификация CSS1
Разъяснение значений свойств.
Свойства шрифта
Распознавание шрифта.
Задание семейства шрифта ('font-family').
Задание начертания шрифта ('font-style')
Задание варианта шрифта ('font-variant').
Задание веса шрифта ('font-weight')
Задание размера шрифта ('font-size').
Задание шрифта в целом ('font')
Свойства "цвет" (color) и "фон" (background).
Определение цвета ('color')
Определение цвета обоев ('background-color').
Определение рисунка фона ('background-image').
Определение повтора рисунка фона ('background-repeat').
Определение привязки фона ('background-attachment').
Определение положения фона ('background-position')
Определение свойств фона в целом ('background')
Установка интервалов ('word-spacing')
Установка трекинга ('letter-spacing')
Установка оформления текста ('text-decoration')
Установка вертикального выравнивания текста ('vertical-align').
Установка преобразования текста ('text-transform')
Установка выравнивания текста ('text-align')
Установка абзацного отступа ('text-indent')
Установка высоты строки ('line-height').
Свойства полей.
Установка верхней границы ('margin-top').
Установка правой границы ('margin-right').
Установка нижней границы ('margin-bottom').
Установка левой границы ('margin-left')
Установка обобщающего свойства "граница" ('margin').
Установка верхнего отступа ('padding-top').
Установка правого отступа ('padding-right').
Установка нижнего отступа ('padding-bottom').
Установка левого отступа ('padding-left').
Установка обобщающего свойства " отступ" ('padding').
Установка ширины верхней рамки ('border-top-width').
Установка ширины правой рамки('border-right-width').
Установка ширины нижней рамки('border-bottom-width')
Установка ширины левой рамки 'border-left-width'
Установка обобщающего свойства "ширина рамки" ('border-width')
Установка цвета рамки ('border-color').
Установка стиля рамки ('border-style')
Установка обобщающего свойства "верхняя рамка" ('border-top')
Установка обобщающего свойства "правая рамка" ('border-right')
Установка обобщающего свойства "нижняя рамка" ('border-bottom')
Установка обобщающего свойства "левая рамка" 'border-left'
Установка обобщающего свойства " рамка" 'border'
Установка свойства "ширина" ('width')
Установка свойства "высота" 'height'
Установка свойства "плавающий" ('float')
Установка свойства "чисто" ('clear')
Свойства - классификации
Установка свойства "показ" ('display')
Установка пробелов ('white-space')
Установка типа маркера перечня ('list-style-type')
Установка рисунка маркера перечня ('list-style-image').
Установка отступа маркера перечня 'list-style-position'
Установка обобщающего свойства "перечень" ('list-style')
Установка единиц длины
Процентное выражение
Обозначение цвета
URL
Совместимость с CSS1. Спецификация CSS1
Последовательно-совместимый синтаксический анализ
Литература. Спецификация CSS1
Благодарности
Приложение A: Пример таблицы стилей для HTML 2.0
Приложение B: Грамматика CSS1. Спецификация CSS1
Appendix C: Encoding
Character encoding
Font encoding
Font sets
Appendix D: Gamma correction
Appendix E: The applicability and extensibility of CSS1
Приложение C: Кодирование. Спецификация CSS1
Character encoding
Приложение D: Gamma correction. Спецификация CSS1
Приложение E: Применимость и расширяемость CSS1. Спецификация CSS1
-
Спецификация CSS2
Эта спецификация определяет Каскадные таблицы Стилей, уровень 2 (CSS2). CSS2 - это язык таблиц стилей, позволяющий авторам и пользователям подключать стили (например, шрифты, пробелы и звуковые сигналы) в структурированные документы (например, документы HTML и приложения XML). CSS2 упрощает создание и обслуживание Web-сайта путём разделения структуры и стиля представления документов.
Статус этого документа
Доступные форматы
Доступные языки
Ошибки и Опечатки
Как читать эту спецификацию
Как организована эта спецификация
Язык документа: элементы и атрибуты
Определения свойств CSS
Значение/Value
Начальное/Initial
Применяется к/ Applies to
Наследуется/Inherited
Процентные значения/Percentage values
Группы носителей/Media groups
Сокращённые формы свойств
Замечания и примеры
Изображения и полные описания
Благодарности
Авторские права
Краткое пособие CSS2 для HTML
Краткое пособие CSS2 для XML
Модель процесса CSS2
Канва
Модель адресации CSS2
Принципы дизайна CSS
Спецификация CSS2
Определения
Соответствие
Ошибочные условия
Тип содержимого text/css
Полное описание диаграммы примера дерева документа
Синтаксис
Лексический разбор
Представление документа CSS
Мнемоники символов, не представленных в кодировке символов
Ключевые слова
Символы и регистр
Операторы
At-правила (at-rules)
Блоки
Наборы правил, блоки объявлений и селекторы
Объявления и свойства
Комментарии
Правила обработки ошибок грамматического разбора
Целые и вещественные числа
Размеры
Процентные значения
URL + URN = URI
Счётчики
Цвета
Угловые значения
Время
Частоты
Строки
Спецификация CSS2
Блоки символов для подстановки
Синтаксис селектора
Группирование
Универсальный селектор
Соответствие
Селекторы потомков
Селекторы дочерних элементов
Смежные селекторы-родственники
Селекторы атрибутов
Совпадение атрибутов и их значений
Значения по умолчанию для атрибутов в ОТД
Селекторы класса
Селекторы ID
Псевдоэлементы и псевдоклассы
Псевдокласс :first-child
Псевдоклассы гиперссылки: :link и :visited
Динамические псевдоклассы: :hover, :active и :focus
Псевдокласс языка :lang
Псевдоэлемент :first-line
Псевдоэлемент :first-letter
Псевдоэлементы :before и :after
Специфицированные, вычисленные и текущие значения
Специфицированные значения
Вычисленные значения
Реальные значения
Наследование
Значение 'inherit'
Правило @import
Каскад
Порядок каскадирования
Правила !important
Вычисление специфики селектора
Старшинство не-CSS подсказок
Спецификация CSS2
Введение
Спецификация таблиц стилей, зависимых от типа носителя
Правило @media
Распознаваемые типы носителя
Группы носителей
Размеры бокса
Пример полей, заполнения и рамок
Свойства поля: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' и 'margin'
Сжатие полей
Свойства заполнения: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left' и 'padding'
Свойства рамки
Ширина рамки: 'border-top-width'
Цвет рамки: 'border-top-color'
Стиль рамки: 'border-top-style'
Сокращённые свойства рамок: 'border-top', 'border-bottom', 'border-right', 'border-left' и 'border'
Введение
Порт просмотра
Содержащие блоки
Сравнение нормального расположения, поплавков и абсолютного позиционирования
Нормальное расположение
Относительное позиционирование
Обтекание бокса
Абсолютное позиционирование
Слои
Спецификация уровня в пакете слоёв: свойство 'z-index'
Направление текста: свойства 'direction' и 'unicode-bidi'
Управление генерацией боксов
Элементы уровня блока и боксы блока
Анонимные боксы блока
Инлайн-элементы и инлайн-боксы
Анонимные инлайн-боксы
Боксы compact/компактные
Втягивающиеся боксы (run-in)
Свойство 'display'
Схемы позиционирования
Выбор схемы позиционирования: свойство 'position'
Позиционирование и заполнение в боксе: 'top', 'right', 'bottom', 'left'
Нормальное расположение
Контекст форматирования блока
Контекст инлайн-форматирования
Поплавки/Floats
Позиционирование поплавка: свойство 'float'
Управление положением после поплавка: свойство 'clear'
Фиксированное позиционирование
Соотношение между 'display', 'position' и 'float'
Спецификация CSS2
Определение "содержащего блока"
Ширина содержимого: свойство 'width'
Вычисление ширины и полей
Инлайн, незамещаемые элементы
Инлайн, замещаемые элементы
Уровень блока, незамещаемые элементы при нормальном всплывании
Уровень блока, замещаемые элементы при нормальном всплывании
Всплывание, незамещаемые элементы
Всплывание, замещаемые элементы
Абсолютное позиционирование, незамещаемые элементы
Абсолютно позиционированные замещаемые элементы
Минимальная и максимальная ширина: 'min-width' и 'max-width'
Высота содержимого: свойство 'height'
Вычисление высоты и полей
Инлайн, замещаемые элементы уровня
Абсолютно позиционированные незамещаемые элементы
Минимальная и максимальная высота: 'min-height' и 'max-height'
Подсчёт высоты строк: свойства 'line-height' и 'vertical-align'
Габариты и полугабариты
Сжатие: свойство 'clip'
Видимость: свойство 'visibility'
Полное описание примера несжимаемого 'overflow'
Полное описание примера сжимаемого 'overflow'
Полное описание сжатия областей
Спецификация CSS2
Псевдоэлементы :before и :after
Свойство 'content'
Взаимодействие :before и :after с элементами 'compact' и 'run-in'
Знаки кавычек
Спецификация кавычек свойством 'quotes'
Вставка кавычек с применением свойства 'content'
Вложение счётчиков и область видимости
Стили счётчиков
Счётчики в элементах с 'display: none'
Маркировка и списки
Маркировка: свойство 'marker-offset'
Списки: свойства 'list-style-type', 'list-style-image', 'list-style-position' и 'list-style'
Введение
Страничные боксы: правило @page
Поля страницы
Размер страницы: свойство 'size'
Размещение страничных боксов, не помещающихся на листе
Позиционирование страничного бокса на листе
Знаки обрезки: свойство 'marks'
Содержимое вне страничного бокса
Разрывы страниц
Разрывы перед/после элементов: 'page-break-before', 'page-break-after', 'page-break-inside'
Использование именованных страниц: 'page'
Разрывы внутри элементов: 'orphans', 'widows'
Допустимые разрывы страниц
Форсированные разрывы страниц
"Наилучшие" разрывы страниц
Каскадирование в контексте страницы
Цвет переднего плана: свойство 'color'
Фон
Свойства фона: 'background-color'
Коррекция цветовой гаммы
Полное описание моделей фона
Спецификация CSS2
Введение
Полное имя шрифта
Единицы измерения em-квадрата
Центральная базовая линия/(Central Baseline)
Кодировка шрифта
Имя семейства шрифта
Ширина глифов
Ширина горизонтальной основы
Высота глифов верхнего регистра
Высота глифов нижнего регистра
Нижняя базовая линия
Математическая базовая линия
Максимальный ограничивающий бокс
Максимальная неакцентированная высота
Максимальная неакцентированная глубина
Число Panose-1
Диапазон символов ISO 10646
Верхняя базовая линия
Ширина вертикальной основы
Угол вертикального наклона
Алгоритм совпадения шрифтов
Отображение значений ширины шрифтов в имена шрифтов
Примеры совпадения шрифтов
Спецификация шрифта
Свойства спецификации шрифта
Семейство шрифтов: свойство 'font-family'
Стилизация шрифта: свойства 'font-style', 'font-variant', 'font-weight' и 'font-stretch'
Размер шрифта: свойства 'font-size' и 'font-size-adjust'
Сокращение для свойств шрифта: свойство 'font'
Общие (родовые) семейства шрифтов
Serif
Sans-serif
Cursive
Fantasy
Monospace
Выбор шрифта
Описание шрифта и @font-face
Дескрипторы для подбора шрифта
Дескрипторы для квалификации данных шрифта: 'unicode-range'
Дескриптор числовых значений: 'units-per-em'
Дескриптор для ссылки: 'src'
Дескрипторы для подбора: 'panose-1'
Дескрипторы для синтеза: 'widths', 'bbox' и 'definition-src'
Дескрипторы выравнивания: 'baseline', 'centerline', 'mathline' и 'topline'
Примеры
Спецификация CSS2
Отступы: свойство 'text-indent'
Выравнивание: свойство 'text-align'
Подчёркивание, надчёркивание, перечёркивание и мигание: свойство 'text-decoration'
Оттенение текста: свойство 'text-shadow'
Расстояния между буквами и словами: свойства 'letter-spacing' и 'word-spacing'
Капитализация: свойство 'text-transform'
Пробел: свойство 'white-space'
Полное описание примера оттенения текста
Спецификация CSS2
Введение
Модель сжимающихся рамок
Разрешение конфликтов рамок
Стили рамок
Звуковое представление таблиц
Говорящие заголовки: свойство 'speak-header'
Табличная модель CSS
Анонимные объекты таблицы
Селекторы столбцов
Таблицы в модели визуального форматирования
Позиция и выравнивание заголовка
Вид содержимого таблицы
Слои и прозрачность таблицы
Алгоритмы ширины таблицы: свойство 'table-layout'
Алгоритм фиксированного вывода
Автоматический вывод таблицы
Алгоритмы высоты таблицы
Горизонтальное выравнивание в столбце
Динамические эффекты рядов и столбцов
Рамки
Модель раздельных рамок
Обрамление пустых ячеек: свойство 'empty-cells'
Полное описание примера заголовка над таблицей
Полное описание примера рядов, разделённых горизонтальными линиями рамки
Полное описание таблицы расходов на путешествие
Полное описание примера расположения заголовка слева от таблицы
Полное описание примера вывода структурно перекрывающихся ячеек
Полное описание примера расчёта фона ячеек
Полное описание примера вычисления фона
Полное описание примера вычисления высоты рядов таблицы и вертикального выравнивания ячеек
Полное описание примера модели раздельных рамок
Полное описание примера, иллюстрирующего модель сжимающихся рамок
Полное описание примера приоритетов модели сжимающихся рамок
Спецификация CSS2
Курсоры: свойство 'cursor'
Предпочтительные цвета пользователя
Предпочтительные шрифты пользователя
Динамические контуры: свойство 'outline'
Контуры и фокус
Увеличение
Введение
Свойства объёма звука: 'volume'
Свойства разговора: 'speak'
Свойства паузы: 'pause-before', 'pause-after' и 'pause'
Свойства реплики: 'cue-before', 'cue-after' и 'cue'
Свойства микширования: 'play-during'
Пространственные свойства: 'azimuth' и 'elevation'
Свойства характеристик голоса
Свойства речи: 'speak-punctuation' и 'speak-numeral'
Новая функциональность
Обновлённые описания
Семантические изменения по сравнению с CSS1
Справочник терминологии шрифтов
Выбор шрифта
Значения Чисел Panose
Вычисление Диапазонов Unicode для TrueType
Автоматическая генерация дескриптора
Грамматика
Лексический сканер
Сравнение лексического разбора в CSS2 и в CSS1
Определение "содержащего блока"
-
Спецификация HTML 4.01 + Спецификация CSS2
Данная спецификация написана в расчёте на читателей двух типов: CSS-авторов и CSS-разработчиков. Мы надеемся, что эта спецификация снабдит авторов средствами, необходимыми для создания эффективных, привлекательных и доступных документов без излишнего углубления в детали реализации CSS. Разработчики к тому же смогут найти всё необходимое для создания соответствующих пользовательских агентов (ПА).
Спецификация начинается общим представлением CSS и постепенно всё более углубляется в технические подробности и специфику. Для быстрого доступа к информации служат общие и специализированные оглавления в начале каждого раздела и индексы - в электронном и печатном виде.
Спецификация создана в расчёте на два типа представления: электронное и печатное. Хотя эти два типа, без сомнения, похожи, читатели могут заметить и некоторые отличия. Например, ссылки не будут работать в печатной версии (естественно), а номера страниц будут отсутствовать в электронной версии. В случае возникновения противоречий, электронная версия должна считаться определяющей.
Как читать эту спецификацию
Как организована эта спецификация
Язык документа: элементы и атрибуты
Определения свойств CSS
Значение/Value
Начальное/Initial
Применяется к/ Applies to
Наследуется/Inherited
Процентные значения/Percentage values
Группы носителей/Media groups
Сокращённые формы свойств
Замечания и примеры
Изображения и полные описания
Благодарности
Авторские права
Каскадные Таблицы Стилей, уровеньСпецификация CSS
Резюме
Доступные форматы
Доступные языки
Опечатки и ошибки
Звуковые таблицы стилей
Свойства объёма звука: 'volume'
Свойства разговора: 'speak'
Свойства паузы: 'pause-before', 'pause-after' и 'pause'
Свойства реплики: 'cue-before', 'cue-after' и 'cue'
Свойства микширования: 'play-during'
Пространственные свойства: 'azimuth' и 'elevation'
Свойства характеристик голоса
Свойства речи: 'speak-punctuation' и 'speak-numeral'
Модель бокса
Размеры бокса
Пример полей, заполнения и рамок
Свойства поля: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' и 'margin'
Сжатие полей
Свойства заполнения: 'padding-top'
Свойства рамки
Ширина рамки: 'border-top-width'
Цвет рамки: 'border-top-color'
Стиль рамки: 'border-top-style'
Сокращённые свойства рамок
Установка значений свойств, Каскадирование и Наследование
Специфицированные, вычисленные и текущие значения
Специфицированные значения
Вычисленные значения
Реальные значения
Наследование
Значение 'inherit'
Правило @import
Каскад
Порядок каскадирования
Правила !important
Вычисление специфики селектора
Старшинство не-CSS подсказок
Приложение В: Изменения по сравнению с CSS
BНовая функциональность
BОбновлённые описания
BСемантические изменения по сравнению с CSS
Цвета и фон
Цвет переднего плана: свойство 'color'
Фон
Свойства фона: 'background-color'
Коррекция цветовой гаммы
Соответствие: Требования и Рекомендации
Определения
Соответствие
Ошибочные условия
Тип содержимого text/css
Индекс дескрипторов
Шрифты
Спецификация шрифта
Свойства спецификации шрифта
Семейство шрифтов: свойство 'font-family'
Стилизация шрифта: свойства 'font-style', 'font-variant', 'font-weight' и 'font-stretch'
Размер шрифта: свойства 'font-size' и 'font-size-adjust'
Сокращение для свойств шрифта: свойство 'font'
Общие (родовые) семейства шрифтов
Serif
Sans-serif
Cursive
Fantasy
Monospace
Выбор шрифта
Описание шрифта и @font-face
Описание шрифта и @font-face - 2
Дескрипторы для подбора
Дескрипторы для квалификации данных шрифта: 'unicode-range'
Дескриптор числовых значений: 'units-per-em'
Дескриптор для ссылки: 'src'
Дескрипторы для синтеза: 'widths', 'bbox' и 'definition-src'
Дескрипторы выравнивания: 'baseline', 'centerline', 'mathline' и 'topline'
Примеры
Полное имя шрифта
Единицы измерения em-квадрата
Центральная базовая линия/(Central Baseline)
Кодировка шрифта
Имя семейства шрифта
Ширина глифов
Ширина горизонтальной основы
Высота глифов верхнего регистра
Высота глифов нижнего регистра
Нижняя базовая линия
Математическая базовая линия
Максимальный ограничивающий бокс
Максимальная неакцентированная высота
Максимальная неакцентированная глубина
Число Panose-
Диапазон символов ISO
Верхняя базовая линия
Ширина вертикальной основы
Угол вертикального наклона
Алгоритм совпадения шрифтов
Отображение значений ширины шрифтов в имена шрифтов
Примеры совпадения шрифтов
Генерируемое содержимое, автоматическая нумерация и списки
Псевдоэлементы :before и :after
Свойство 'content'
Взаимодействие :before и :after с элементами 'compact' и 'run-in'
Знаки кавычек
Спецификация кавычек свойством 'quotes'
Вставка кавычек с применением свойства 'content'
Вставка кавычек с применением свойства 'content' - 2
Автоматические счётчики и нумерация
Вложение счётчиков и область видимости
Стили счётчиков
Счётчики в элементах с 'display: none'
Маркировка и списки
Маркировка: свойство 'marker-offset'
Списки: свойства 'list-style-type', 'list-style-image', 'list-style-position' и 'list-style'
Грамматика CSS
Приложение DГрамматика CSS
DГрамматика
DЛексический сканер
DСравнение лексического разбора в CSS и в CSS
Индекс.
CSSВведение.
Краткое пособие CSS для HTML
Краткое пособие CSS для XML
Модель процесса CSS
Канва
Модель адресации CSS
Принципы дизайна CSS
Типы носителя
Спецификация таблиц стилей, зависимых от типа носителя
Правило @media
Распознаваемые типы носителя
Группы носителей
Приложение С: Замечания по реализации и выполнению для шрифтов
CСправочник терминологии шрифтов
CВыбор шрифта
CЗначения Чисел Panose
CВычисление Диапазонов Unicode для TrueType
CАвтоматическая генерация дескриптора
Страничные носители
Страничные боксы: правило @page
Поля страницы
Размер страницы: свойство 'size'
Размещение страничных боксов, не помещающихся на листе
Позиционирование страничного бокса на листе
Знаки обрезки: свойство 'marks'
Левая, правая и первая страницы
Содержимое вне страничного бокса
Разрывы страниц
Разрывы перед/после элементов: 'page-break-before', 'page-break-after', 'page-break-inside'
Использование именованных страниц: 'page'
Разрывы внутри элементов: 'orphans', 'widows'
Допустимые разрывы страниц
Форсированные разрывы страниц
"Наилучшие" разрывы страниц
Каскадирование в контексте страницы
Индекс свойств
Ссылки
EНормативные ссылки
EИнформативные ссылки
Приложение А: Образец таблицы стиля для HTML .
Селекторы
Блоки символов для подстановки
Синтаксис селектора
Группирование
Универсальный селектор
Селекторы типа
Селекторы потомков
Селекторы дочерних элементов
Смежные селекторы-родственники
Селекторы атрибутов
Совпадение атрибутов и их значений
Значения по умолчанию для атрибутов в ОТД
Селекторы класса
Селекторы ID
Псевдоэлементы и псевдоклассы
Псевдокласс :first-child
Псевдоклассы гиперссылки: :link и :visited
Динамические псевдоклассы: :hover, :active и :focus
Псевдокласс языка :lang
Псевдоэлемент :first-line
Псевдоэлемент :first-letter
Синтаксис CSS и базовые типы данных
Синтаксис
Лексический разбор
Ключевые слова
Символы и регистр
Операторы
At-правила (at-rules)
Блоки
Наборы правил, блоки объявлений и селекторы
Объявления и свойства
Комментарии
Правила обработки ошибок грамматического разбора
Целые и вещественные числа
Размеры
Процентные значения
URL + URN = URI
Счётчики
Цвета
Угловые значения
Время
Частоты
Строки
Представление документа CSS
Мнемоники символов, не представленных в кодировке символов
Табличная модель CSS
Анонимные объекты таблицы
Селекторы столбцов
Таблицы в модели визуального форматирования
Позиция и выравнивание заголовка
Вид содержимого таблицы
Слои и прозрачность таблицы
Алгоритмы ширины таблицы: свойство 'table-layout'
Алгоритм фиксированного вывода
Автоматический вывод таблицы
Алгоритмы высоты таблицы
Горизонтальное выравнивание в столбце
Динамические эффекты рядов и столбцов
Рамки
Модель раздельных рамок
Обрамление пустых ячеек: свойство 'empty-cells'
Модель сжимающихся рамок
Разрешение конфликтов рамок
Стили рамок
Звуковое представление таблиц
Говорящие заголовки: свойство 'speak-header'
Текст
Отступы: свойство 'text-indent'
Выравнивание: свойство 'text-align'
Подчёркивание, надчёркивание, перечёркивание и мигание: свойство 'text-decoration'
Оттенение текста: свойство 'text-shadow'
Расстояния между буквами и словами: свойства 'letter-spacing' и 'word-spacing'
Капитализация: свойство 'text-transform'
Пробел: свойство 'white-space'
Интерфейс пользователя
Курсоры: свойство 'cursor'
Предпочтительные цвета пользователя
Динамические контуры
Предпочтительные шрифты пользователя
Динамические контуры: свойство 'outline'
Контуры и фокус
Увеличение
Модель визуального форматированияДетали.
Определение "содержащего блока"
Ширина содержимого: свойство 'width'
Вычисление ширины и полей
Инлайн, незамещаемые элементы
Инлайн, замещаемые элементы
Уровень блока, незамещаемые элементы при нормальном всплывании
Уровень блока, замещаемые элементы при нормальном всплывании
Всплывание, незамещаемые элементы
Всплывание, замещаемые элементы
Абсолютное позиционирование, незамещаемые элементы
Абсолютно позиционированные замещаемые элементы
Минимальная и максимальная ширина: 'min-width' и 'max-width'
Высота содержимого: свойство 'height'
Вычисление высоты и полей
Уровень блока, незамещаемые
Абсолютно позиционированные незамещаемые элементы
Минимальная и максимальная высота: 'min-height' и 'max-height'
Подсчёт высоты строк: свойства 'line-height' и 'vertical-align'
Габариты и полугабариты
Визуальные эффекты
Переполнение и сжатие
Переполнение: свойство 'overflow'
Сжатие: свойство 'clip'
Видимость: свойство 'visibility'
Модель визуального форматирования
Порт просмотра
Содержащие блоки
Управление генерацией боксов
Элементы уровня блока и боксы блока
Анонимные боксы блока
Инлайн-элементы и инлайн-боксы
Анонимные инлайн-боксы
Боксы compact/компактные
Втягивающиеся боксы (run-in)
Свойство 'display'
Схемы позиционирования
Выбор схемы позиционирования: свойство 'position'
Позиционирование и заполнение в боксе: 'top', 'right', 'bottom', 'left'
Нормальное расположение
Контекст форматирования блока
Контекст инлайн-форматирования
Относительное позиционирование
Поплавки/Floats
Позиционирование поплавка: свойство 'float'
Управление положением после поплавка: свойство 'clear'
Абсолютное позиционирование
Фиксированное позиционирование
Соотношение между 'display', 'position' и 'float'
Сравнение нормального расположения, поплавков и абсолютного позиционирования
Обтекание бокса
Слои
Спецификация уровня в пакете слоёв: свойство 'z-index'
Направление текста: свойства 'direction' и 'unicode-bidi'
О спецификации HTML
О спецификации HTML
Структура спецификации
Соглашения по документам
Элементы и атрибуты
Благодарности за этот документ
Рекомендации WC от декабря года
Введение
Статус этого документа
Версии на других языках
Ошибки и Опечатки
Индекс атрибутов
Приложение A: Изменения
AОтличия версий HTML от апреля ги HTML от декабря г.
Общие изменения
SGML и HTML
Представление документа HTML
Базовые типы данных HTML
Общая структура документа HTML
Информация о языке и направлении текста
Таблицы
Гиперссылки
Объекты, Изображения и Аплеты
Таблицы стилей в документах HTML
Фрэймы
Формы
SGML - объявление
Strict -ОТД
Примечания
Ссылки
AРазъяснения
AИзвестные проблемы с браузерами
AОтличия версий декабря и апреля
AИзменения в HTML и HTML ( декабря г.)
Новые элементы
Не рекомендуемые элементы
Устаревшие элементы
AАтрибуты
AДоступность
AДанные meta
AТекст
AГиперссылки
AТаблицы
AИзображения, объекты и карты изображений
AФормы
AТаблицы стилей
AФрэймы
AСценарии/scripting
AИнтернационализация
Представление документа HTML
Кодовая страница документа
Кодовые страницы
Выбор кодировки
Замечания по специальной кодировке
Определение кодировки
Мнемоники (символы по ссылке, по псевдониму)
Цифровые мнемоники
Символьные ссылки-мнемоники (по псевдониму)
Неотображаемые символы
SGML
Тип содержимого text/html
Спецификация языка содержимого: атрибут lang
Коды языка
Наследование кодов языка
Интерпретация кодов языка
Спецификация направления в тексте и в таблицах: атрибут dir
Двунаправленный алгоритмВведение.
Наследование информации о направлении текста
Установка направления внедрённого текста
Переопределение двунаправленного алгоритма: элемент BDO
Символьные мнемоники для указания направления и управление сращиванием
Действие таблиц стилей на двунаправленность
Определение Типа Документа (ОТД)
Индекс элементов
Ссылки-мнемоники на символы в HTML
Введение
Ссылки-мнемоники для символов ISO -
Список символов
Ссылки-мнемоники для символов, математических символов, и греческих букв
Список символов
Ссылки-мнемоники для символов разметки и интернационализации
Список символов
Элементы управления
Типы элементов управления формы (ЭУ)
Элемент FORM
Элемент INPUT
Типы ЭУ, создаваемых в элементе INPUT
Примеры форм, содержащих ЭУ в элементе INPUT
Элемент BUTTON
Элементы SELECT, OPTGROUP и OPTION
Предустановленные опции
Элемент TEXTAREA
Элемент ISINDEX
Лэйблы
Элемент LABEL
Структурирование формы: элементы FIELDSET и LEGEND
Передача фокуса элементу
Навигация с помощью табуляции
Клавиши быстрого доступа
Недоступные ЭУ и ЭУ "только для чтения"
Недоступные ЭУ
ЭУ " только для чтения"
Отправка формы
Метод отправки формы
"Действующие" ЭУ
Обработка данных формы
Шаг : Создание набора данных формы
Шаг : Кодирование набора данных формы
Шаг : Отправка кодированного набора данных формы
Типы содержимого формы
Application/x-www-form-urlencoded
Multipart/form-data
Фрэймы (кадры)
Фрэймы - Введение
Вывод фрэймов
Элемент FRAMESET
Ряды и столбцы
Вложенные фрэймы
Разделение данных между фрэймами
Элемент FRAME
Установка начального содержимого фрэйма
Визуальное представление фрэйма
Установка целевого фрэйма
Установка целевого фрэйма
Установка целевого фрэйма по умолчанию
Семантика цели
Альтернативное содержимое
Элемент NOFRAMES
Полное описание фрэймов
Инлайн-фрэймы: элемент IFRAME
ОТД Набора Фрэймов
Информация о версии HTML
Информация о версии HTML - 2
Элемент HTML
Элемент HEAD
Элемент TITLE
Атрибут title
Метаданные
Спецификация метаданных
Элемент META
META и "шапки" HTTP
META и машины поиска
META и PICS
META и информация по умолчанию
Профили метаданных
Элемент BODY
Идентификаторы элемента: атрибуты id и class
a href="html-jelementy-inlajn-i-urovnja-bloka.htm" >Элементы инлайн и уровня блока
Группирование элементов: элементы DIV и SPAN
Заголовки: элементы H, H, H, H, H, H
Элемент ADDRESS
Выравнивание, стили шрифта и горизонтальные линии
Цвет фона
Выравнивание
Плавающие объекты
"Всплывание" объекта
Обтекание текста вокруг объекта
Шрифты
Элементы стиля шрифта: TT, I, B, BIG, SMALL, STRIKE, S и U
Элементы модификатора шрифта: FONT и BASEFONT
Горизонтальные линии: элемент HR
Введение в HTML
Что такое World Wide Web?
Введение в URI
Идентификаторы фрагментов документа (закладки)
Относительные URI
Что такое HTML?
Краткая история HTML
Интернационализация
Составные документы
Таблицы стилей
Сценарии (скрипты)
Печать
Создание документов HTML
Разделение структуры и представления
Предусматривайте универсальность доступа к Web
Помогать пользовательским агентам (ПА) показывать содержимое частями
Справочная информация SGML для HTML
Проверка документов
Каталог образцов SGML
Гиперссылки и якоряВведение
"Посещение" связанного ресурса
Другие соотношения гиперссылок
Спецификация якорей и гиперссылок
Заголовки гиперссылок
Интернационализация и гиперссылки
Элемент A
Синтаксис имён якорей
Вложение ссылок не допускается
Якоря с атрибутом id
Недоступные и неидентифицируемые ресурсы
Взаимосвязи документов: элемент LINK
Гиперссылки вперёд и назад
Гиперссылки и внешние таблицы стилей
Гиперссылки и машины поиска
Информация пути: элемент BASE
Расширение относительных URI
Индекс
Списки
Неупорядоченные списки (UL), упорядоченные списки (OL) и элементы списка (LI)
Списки Definition: элементы DL, DT и DD
Визуальное представление списков
Элементы DIR и MENU
Переходное Определение Типа Документа (ОТД)
Приложение B: Замечания относительно Исполнения, Разработки и Дизайна
Несоответствующие документы
BНе-ASCII символы в значениях атрибутов URI
BАмперсанды в значениях атрибута URI
BОбрыв строки
BСпецификация не-HTML данных
Содержимое элемента
Значения атрибутов
BВозможности SGML с ограниченной поддержкой
BБулевы атрибуты
BМаркированные разделы
BИнструкции процесса
BСтенографическая разметка
BКак помочь поисковой машине проиндексировать Ваш сайт
Файл robots.txt
Роботы и элемент META
BКонструировать рационально
Динамическое форматирование
Вывод по частям
Структура и вид
Группы рядов и столбцов
Доступность
BРекомендуемый алгоритм вывода
Фиксированный алгоритм вывода
Алгоритм автовывода
BОтображение частями
BБудущие проекты
BСинтаксис, зарезервированный для будущих макросов сценариев
Текущая практика для макросов сценариев
Текущая практика для макросов сценариев
BФрэймы
BДоступность
BБезопасность
BВопросы безопасности форм
Вставка изображения: элемент IMG
Общая вставка: элемент OBJECT
Правила представления объектов
Инициализация объекта: элемент PARAM
Глобальные схемы именования объектов
Объявление и размещение объектов
Вставка аплета: элемент APPLET
Замечания о внедрённых документах
Карты изображений
Клиентские карты изображений: элементы MAP и AREA
Примеры клиентских карт
Серверные (на стороне сервера) карты изображений
Визуальное представление изображений, объектов и аплетов
Ширина и высота
Свободное пространство вокруг изображений и объектов
Рамки
Как установить альтернативный текст
Ссылки
Нормативные ссылки
Информационные ссылки
Дизайн документов для ПА, поддерживающих скрипты
Элемент SCRIPT
Установка языка скриптов
Язык сценариев по умолчанию
Локальное объявление языка скриптов
Ссылки на элементы HTML из скрипта
Внутренние события
Динамическое изменение документов
Дизайн документов для ПА, не поддерживающих сценарии
Элемент NOSCRIPT
Скрытие данных скрипта от ПА
SGML - объявление HTML
Объявление SGML
О SGML и HTML
Введение в SGML
Конструкции SGML, используемые в HTML
Элементы
Атрибуты
Ссылки-мнемоники
Как читать Определение Типа Данных (ОТД) HTML
Комментарии в ОТД
Определения объектов-параметров
Объявление элементов
Определение модели содержимого
Объявление атрибутов
Объекты ОТД в определениях атрибутов
Булевы атрибуты
Добавление стиля в HTML
Установка языка по умолчанию для таблиц стилей
Инлайн-стиль (внедрённый)
Информация о стиле в заголовках: элемент STYLE
Внешние таблицы стилей
Основные и альтернативные таблицы стилей
Спецификация внешней таблицы стилей
Каскадные таблицы стилей
Media-зависимые каскады
Наследование и каскадирование
Скрытие данных стиля от пользовательских агентов (ПА)
Ссылки на таблицы стилей в заголовках HTTP
Элемент TABLE
Направление в таблице
Заголовок таблицы: элемент CAPTION
Группы рядов: элементы THEAD, TFOOT и TBODY
Группы столбцов: элементы COLGROUP и COL
Элемент COLGROUP
Элемент COL
Подсчёт количества столбцов
Подсчёт ширины столбцов
Ряды: элемент TR
Ячейки: элементы TH и TD
Ячейки, занимающие несколько рядов или столбцов
Форматирование таблицы пользовательскими агентами
Рамки и линии сетки таблицы
Горизонтальное и вертикальное выравнивание
Наследование установок выравнивания
Поля ячейки
Ассоциирование заголовочной информации с ячейками данных
Категоризация ячеек
Алгоритм поиска заголовочной информации
Образец таблицы
Пробелы
Элементы абзаца: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR и ACRONYM
Кавычки: элементы BLOCKQUOTE и Q
Представление кавычек
Подиндекс и надиндекс: элементы SUB и SUP
Строки и параграфы
Параграфы: элемент P
Управление обрывом строки
Форсирование обрыва строки: элемент BR
Запрет обрыва строки
Дефисы
Форматированный текст: элемент PRE
Визуальное представление параграфов
Маркировка изменений документа: элементы INS и DEL
Регистр
Базовые типы SGML
Текстовые строки
URI
Использование цветов
Размер значений атрибутов
Типы содержимого/носителя (типы MIME)
Кодировка
Отдельные символы
Дата и время
Типы ссылок
Дескрипторы типа носителя
Дескрипторы типа носителя
Данные сценариев
Данные таблиц стилей
Имя целевого фрэйма
-
Amaya 8.1. Руководство Пользователя
В этом справочнике рассмотрен пользовательский интерфейс Amaya для платформ Unix и Windows. Ваш интерфейс может несколько отличаться, в зависимости от Вашей ОС и её конфигурации. Это неполный справочник пользователя. Здесь даны лишь основные особенности программы.
Запуск Amaya
Содержание
Редактирование Математики в Amaya
Известные Проблемы с MathML
Меню Preferences (Настройки)
Общие Настройки/General Preferences
Специфицированные директории
Переключатели/Check boxes
Сохранение и Публикация в Amaya
Перезагрузка Страницы
Удаление Столбца
Для удаления столбца из таблицы
Удаление Ссылки или Целевого Якоря
Удаление Стиля
Для удаления стиля из строки символов
Ответ на Аннотации / Потоки Дискуссии
Интерфейс Пользователя
Известные Проблемы Неполные Потоки
Изменение Размеров Графики
Для изменения размеров с помощью клавиатуры
Для изменения размеров графики
Изменение Размеров Области Карты Изображения
Для изменения размеров области
Для изменения размеров области в режиме просмотра структуры
Сохранение и Публикация Документов
Сохранение в Текстовом Формате
Для сохранения документа в текстовом формате
Поиск и Замена Текста
Выделение
Выделение по Структуре
Для выбора элемента
Для выбора текстового символа или строки в структуре
Для выбора значения атрибута
Для выбора структурных элементов с использованием клавиатуры
Выделение Изображений
Для выделения всего изображения
Для помещения курсора слева или справа от изображения
Работа с Браузером и Редактором Amaya
Просмотр и Редактирование
Режимы editor и browser
Наборы Символов (Кодовая Страница)/Character Sets
Поддержка XML
Использование Стиля в Xml
Сохранение и Публикация в Amaya
Перезагрузка Страницы
Удаление Столбца
Для удаления столбца из таблицы
Удаление Ссылки или Целевого Якоря
Удаление Стиля
Для удаления стиля из строки символов
Ответ на Аннотации / Потоки Дискуссии
Интерфейс Пользователя
Известные Проблемы Неполные Потоки
Изменение Размеров Графики
Для изменения размеров с помощью клавиатуры
Для изменения размеров графики
Изменение Размеров Области Карты Изображения
Для изменения размеров области
Для изменения размеров области в режиме просмотра структуры
Сохранение и Публикация Документов
Сохранение в Текстовом Формате
Для сохранения документа в текстовом формате
Поиск и Замена Текста
Выделение
Выделение по Структуре
Для выбора элемента
Для выбора текстового символа или строки в структуре
Для выбора значения атрибута
Для выбора структурных элементов с использованием клавиатуры
Выделение Изображений
Для выделения всего изображения
Для помещения курсора слева или справа от изображения
Работа с Браузером и Редактором Amaya
Просмотр и Редактирование
Режимы editor и browser
Наборы Символов (Кодовая Страница)/Character Sets
Поддержка XML
Использование Стиля в Xml
-
Каскадные таблицы стилей, уровень 1.Спецификация CSS1
Этот документ определяет уровень 1 каскадных таблиц стилей (CSS1). CSS1 является простым механизмом таблиц стилей, который позволяет авторам и читателям приписывать стиль (например шрифты, цвета или отступы) HTML документам. Язык CSS1 является языком высокого уровня и использует стандартную терминологию, принятую в электронной полиграфии.
Одним из фундаментальных свойств CSS является каскадирование; авторы могут приписывать предпочтительную таблицу стилей, в то время как читатель может иметь персональную таблицу стилей для исправления физиологических или технологических проблем. Правила разрешения конфликтов между различными таблицами стилей определены в этом документе.
-
Справочник тегов
Применяется для идентификации автора документа и указания адреса автора. Сюда же обычно помещаются и сведения об авторских правах, а также дата создания и последней модификации документа
Таблица базовых цветов BgColor
Что такое CSS
Практическое освоение CSS
Связывание
Внедрение
Встраивание в теги документа
Импортирование
Группирование
Наследование
Селекторы
Классы
Идентификаторы
Простейший пример
Свойства элементов, управляемых с помощью CSS
Фильтры в DHTML
Специальные символы
Символы для букв
Греческие буквы
Общая пунктуация
Прочие символы
Стрелки
Масти
Теги HTML
Элементы HTML
Aтрибуты
Чувствительность к регистру
Разделение на строки и использование пробелов и символов табуляции
Справочник тегов
Тег B
BASE
BGSOUND
Big
Blockquote
Тег BODY
Br
Тег BUTTON
Пример
Справочник тегов
Тег CAPTION
Center
Cite
Code
Атрибут contentEditable
Синтаксис
Справочник тегов
CSS: Границы
Примечание
Верхняя часть заголовка зеленого цвета (dotted)
CSS: ЦВЕТ ЭЛЕМЕНТА И ЦВЕТ ФОНА
CSS: Курсоры
CSS: СВОЙСТВА ШРИФТА
Примечания
Примеры
CSS: Отступы
Заголовок имеет отступ от всех сторон документа в 1 см
Заголовок H5 имеет верхний отступ в 3 см
ЕДИНИЦЫ ИЗМЕРЕНИЯ
Реальные единицы измерения
Типографские единицы
CSS: Позиционирование
CSS: Псевдо-элементы
CSS: ПОЛОСА ПРОКРУТКИ
CSS: РАЗМЕР ЭЛЕМЕНТА
CSS: СВОЙСТВА ТАБЛИЦЫ
CSS: СВОЙСТВА ТЕКСТА
Подчеркнутый заголовок (underline)
Заголовок по центру
Демонстация Z-index в скрипте
Справочник тегов
Dd
Dfn
Dl
Dt
Справочник тегов
Событие ONCLICK
Щелкни сюда. Пример для заголовка без скрипта
Внимание
Событие ONCOPY
Выдели часть красного текста, щелкни правой кнопкой и выбери Копировать
Событие ONDRAG
Выдели часть текста и попробуй его перетащить.
Событие ONDRAGEND
Пример
Событие ONDRAGENTER
Событие ONDRAGLEAVE
Событие ONDRAGOVER
Событие ONDRAGSTART
Выдели часть зеленого текста и попробуй его перетащить.
Событие ONDROP
Событие ONMOUSEOUT
Событие ONMOUSEOVER
Событие ONSELECTSTART
Выдели меня и сработает событие ONSELECTSTART
Em
Справочник тегов
Тег FIELDSET
Тег font
Тег FORM
Тег frame
Тег frame
Справочник тегов
Alpha
Blur
Chroma
FlipH
FlipV
Glow
Gray
Invert
Mask
DropShadow
Shadow
Wave
Xray
Справочник тегов
Head
Hr
Html
Справочник тегов
AddFavorite
Alert
ALinkColor
Пример
AppCodeName
AppName
AppVersion
AvailHeight
AvailWidth
Back
BgColor
Charset
Close
ColorDepth
Confirm
Cookie
CookieEnabled
DefaultCharset
Document
Свойства объекта Document
External
FgColor
FileCreatedDate
FileSize
Height
Width
History
Host
Hostname
Параметры
Href
Объектная модель Internet Explorer
JavaEnabled
LastModified
Length
LinkColor
Свойства объекта Location
MimeType
MoveTo
Name
Navigate
Navigator
Свойства объекта Navigator
Onload
OnUnload
Open
Parent
Prompt
Referrer
Replace
ResizeTo
Screen
Свойства объекта Screen
ScrollBy
ScrollTo
SetInterval
SetTimeOut
ShowBrowserUI
Status
Title
URL
UserAgent
VLinkColor
Window
Свойства объекта Window
Методы объекта Window
Справочник тегов
Kbd
Тег LEGEND
Li
Тег LINK
Справочник тегов
Map
Marquee
Тег MENU
Атрибуты
Пример
Тег META
Список эффектов
Nobr
Справочник тегов
Свойство offsetHeight
Синтаксис
Свойство offsetWidth
Пример
Ol
Тег OPTGROUP
Атрибуты
Option
Справочник тегов
p
Pre
Q
s
Samp
Тег SCRIPT
Select
Small
Тег SPAN
Strong
Sub
Sup
Справочник тегов
Тег TABLE
Td
Тег TEXTAREA
Тег TH
Тег THEAD
Title
Tr
Tt
u
Ul
Var
-
Мир Internet - журнал для пользователей Сети
Существует несколько способов тестирования. Знатоки насчитывают до десятка методов. Классифицировать их тоже можно по-разному.Разделим все эти способы на два основных направления. Первое – эвристический анализ. Один или двое специалистов тестируют сайт. Как правило, на это уходит не более двух часов. После этого они пишут отчет и дают консультации.
Как тестируют usаbility
Поиск подопытных кроликов
Начинаем тест
-
Основы работы с CSS
Название "Каскадные таблицы стилей" происходит от английского Cascading Style Sheets, аббревиатурой которого является CSS. Впервые стили появляются в HTML 4.0 для определения представления элементов HTML и решения проблем представления документов. Стили обычно хранятся в таблицах стилей: могут быть определены как внутри HTML-документа, так и в специальном файле с расширением css. Используя отдельные файлы для хранения таблиц стилей, можно существенно сократить объем работы. Также можно определить несколько стилей, которые, подчиняясь существующим правилам, будут каскадно задавать один определенный стиль.
Технология CSS: общий взгляд
Пример использования CSS
Style1
Style2
Style3
Style4
Style5
Предназначение стилей
Таблицы стилей могут существенно сократить объем работы
Приоритет использования стилей
Основы работы с CSS
Синтаксис
Селектор класса (class)
Селектор идентификатора (id)
Комментарии CSS
Примеры использования CSS
Подключение таблицы стилей
Несколько таблиц стилей
Основы работы с CSS
Примеры
Параметры фона в CSS: подробное рассмотрение
Параметр 'background'
Параметр 'background-attachment'
Параметр 'background-color'
Параметр 'background-image'
Параметр 'background-position'
Параметр 'background-repeat'
Основы работы с CSS
Примеры
Параметр 'color'
Параметр 'direction'
Параметр 'letter-spacing'
Параметр 'text-align'
Параметр 'text-decoration'
Параметр 'text-indent'
Параметр 'text-transform'
Параметр 'white-space'
Параметр 'word-spacing'
Основы работы с CSS
Примеры:
Параметры шрифта в CSS
Параметр 'font'
Параметр 'font-family'
Параметр 'font-size'
Параметр 'font-size-adjust'
Параметр 'font-stretch'
Параметр 'font-style'
Параметр 'font-variant'
Параметр 'font-weight'
Основы работы с CSS
Иллюстрация
Параметры границы в CSS
Параметр 'border'
Параметр 'border-bottom'
Параметр 'border-bottom-color'
Параметр 'border-bottom-style'
Параметр 'border-bottom-width'
Параметр 'border-color'
Параметр 'border-left'
Параметр 'border-left-color'
Параметр 'border-left-style'
Параметр 'border-left-width'
Параметр 'border-right'
Параметр 'border-right-color'
Параметр 'border-right-style'
Параметр 'border-right-width'
Параметр 'border-style'
Параметр 'border-top'
Параметр 'border-top-color'
Параметр 'border-top-style'
Параметр 'border-top-width'
Параметр 'border-width'
Основы работы с CSS
Примеры
Отступы в CSS
Параметр 'margin'
Параметр 'margin-bottom'
Параметр 'margin-left'
Параметр 'margin-right'
Параметр 'margin-top'
Примеры
Основы работы с CSS
Примеры
Параметры полей в CSS
Параметр 'padding'
Параметр 'padding-bottom'
Параметр 'padding-left'
Параметр 'padding-right'
Параметр 'padding-top'
Основы работы с CSS
Примеры:
Параметры списков в CSS
Параметр 'list-style'
Параметр 'list-style-image'
Параметр 'list-style-position'
Параметр 'list-style-type'
Основы работы с CSS
Пример:
Параметры размеров элементов CSS
Параметр 'height'
Параметр 'line-height'
Параметр 'max-height'
Параметр 'max-width'
Параметр 'min-height'
Параметр 'min-width'
Параметр 'width'
Форматирование в CSS
Иллюстрация
Основы работы с CSS
Параметр 'clear'
Параметр 'cursor'
Параметр 'display'
Свойство 'float'
Параметр 'position'
Параметр 'visibility'
Основы работы с CSS
Примеры:
Параметры позиционирования в CSS
Параметр 'bottom'
Параметр 'clip'
Параметр 'left'
Параметр 'overflow'
Параметр 'position'
Параметр 'right'
Параметр 'top'
Параметр 'vertical-align'
Параметр 'z-index'
Основы работы с CSS
Примеры:
Синтаксис псевдо-классов:
Анкерные псевдо-классы
Псевдо-классы и классы CSS
CSS2 - Псевдо-класс :first-child
CSS2 - Псевдо-класс :lang
Псевдо-классы
Основы работы с CSS
Примеры:
Синтаксис псевдо-элементов:
Псевдо-элемент :first-line
Псевдо-элемент :first-letter
Псевдо-элементы и классы CSS
Несколько псевдо-элементов
CSS2 - Псевдо-элемент :before
CSS2 - Псевдо-элемент :after
Псевдо-элементы
Основы работы с CSS
Типы носителей информации
Правило @media
Различные типы носителей информации
Основы работы с CSS
Заключение
Теперь после изучения CSS, что дальше?
XHTML
JavaScript
Основы работы с CSS
Параметры печати
Параметр CSS 'page-break-after'
Параметр CSS 'page-break-before'
Параметр 'page-break-inside'
Основы работы с CSS
Звуковые таблицы стилей
Справочник по звуковым возможностям CSS2
Основы работы с CSS
Измерения
Цвета
Основы работы с CSS
Значения цветов
Названия цветов
Безопасные цвета Web
Межплатформенных цветов
Различных цветов
Оттенки серого цвета
Названия цветов в CSS