Основы работы с CSS

       

Основы работы с 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