
- •Введение
- •Какое программное обеспечение необходимо иметь?
- •Урок 1: Что такое css?
- •Что можно делать с помощью css?
- •В чём разница между css и html?
- •Какие преимущества даст мне css?
- •Урок 2: Как работает css?
- •Базовый синтаксис css
- •Попытайтесь сделать это сами
- •Урок 3: Цвет и фон
- •Цвет переднего плана : свойство 'color'
- •Свойство 'background-color'
- •Фоновые изображения [background-image]
- •Повторение/мультипликация фонового изображения [background-repeat]
- •Блокировка фонового изображения [background-attachment]
- •Расположение фонового рисунка [background-position]
- •Сокращённая запись [background]
- •Урок 4: Шрифты
- •Семейство шрифта [font-family]
- •Стиль шрифта [font-style]
- •Вариант шрифта [font-variant]
- •Вес шрифта [font-weight]
- •Размер шрифта [font-size]
- •Сокращённая запись [font]
- •Декоративный вариант [text-decoration]
- •Интервал между буквами [letter-spacing]
- •Трансформация текста [text-transform]
- •Урок 6: Ссылки
- •Что такое псевдокласс?
- •Пример 2: Удаление подчёркивания ссылок
- •Урок 7: Идентификация и группирование элементов (class и id)
- •Группирование элементов с помощью class
- •Идентификация элемента с помощью id
- •Урок 8: Группирование элементов (span и div)
- •Урок 9: Боксовая модель
- •Боксовая модель в css
- •Урок 10: Поля и заполнение
- •Установим поля элемента
- •Установим заполнение элемента
- •Ещё пример: колонки
- •Свойство clear
- •Урок 14: Позиционирование элементов
- •Принципы css-позиционирования
- •Абсолютное позиционирование
- •Относительное позиционирование
- •См. Также
- •Урок 15: Наслоение с помощью z-index (Слои)
- •Урок 16: Web-стандарты и проверка кода
- •Css validator/проверщик
Урок 16: Web-стандарты и проверка кода
W3C это World Wide Web Consortium, независимая организация по разработке стандартов кодов Internet (например, HTML, CSS, XML и др.). Microsoft, The Mozilla Foundation и многие другие являются членами W3C и работают по соглашению о перспективах развития этих стандартов.
Если вы уже немного работаете в сфере web-дизайна, то, вероятно, знаете, что страницы могут выглядеть по-разному в различных браузерах. Это может причинять немалые неудобства и отнимать массу времени при создании страниц, которые будут просматриваться в Mozilla, Internet Explorer, Opera и во всех других существующих браузерах.
Идея стандартизации в том, чтобы заключить соглашение о развитии web-технологий. Это значит, что, действуя в рамках стандартов, web-разработчик может быть уверен, что он работает в стиле, который будет универсальным для различных платформ. Поэтому мы рекомендуем, чтобы вы следили за работой W3C и проверяли ваш CSS на соответствие стандарту.
Css validator/проверщик
Для облегчения проверки на соответствие CSS-стандарту, W3C создал так называемый validator, который читает ваши таблицы стилей/stylesheet и возвращает список предупреждений о нарушениях и ошибок, если ваш CSS их содержит.
Чтобы облегчить проверку ваших таблиц стилей, можно делать это прямо с данной web-страницы. Просто замените указанный URL на URL вашей таблицы стилей и нажмите кнопку для проведения проверки. Затем W3C-сайт проинформирует вас, найдены ли ошибки.
Начало формы
Конец формы
Если validator не найдёт ошибок; будет показано изображение, которое вы можете разместить на вашем сайте для иллюстрации того, что вы проверяете код:
Этот validator можно также найти о этой ссылке: http://jigsaw.w3.org/css-validator/