Online-учебник по CSS

Автор учебника  ©  Евгений Андросов

Введение

CSS  - Cascading Style Sheets (Каскадные таблицы стилей) – замечательный инструмент для создания стильных и гармоничных сайтов.

Урок 1. Начало

Различие между HTML и CSS. Преимущества CSS. История CSS.

Урок 2. Как это работает

Способы включения CSS в HTML-код.

Урок 3. Синтаксис CSS

Пусть вас не пугает слово «синтаксис». Оно всего-навсего означает  «способ написания тегов», так как теги CSS немного отличаются от тегов HTML.

Урок 4. Свойства и значения (фон)

В этом большом уроке мы изучим различные свойства и значения css-тегов, с помощью которых можно задавать фон сайта.

Урок 5. Свойства и значения (шрифт)

В этом уроке мы изучим дополнительные свойства и значения одного большого свойства "font". С помощью этого свойства и его дополнений можно творить со шрифтами вашего сайта поистине чудеса!

Урок 6. Свойства и значения (текст)

Как и в предыдущих уроках, здесь мы рассмотрим все дополнительные свойства и их значения одного большого свойства "text".

Урок 7. Свойства и значения (ссылки)

Изучаем ссылки и все, что с ними можно сделать с помощью CSS. А сделать можно очень многое...

Урок 8. Классы (class) и идентификаторы (id)

Изучаем классы и идентификаторы - инструменты CSS.

Урок 9. Элементы "span" и "div". Учимся группировать элементы сайта

Новые инструменты CSS и новые возможности в создании сайта, которые они дают.

Урок 10. Изменение отображения общего вида сайта

Изучаем возможности форматирование сайта с помощью CSS.

Урок 11. Применяем рамки

Красочный и очень наглядный урок о создании и применении в структуре сайта рамок.

Урок 12. Задаем высоту и ширину

Задаем высоту и ширину любого элемента сайта. С помощью CSS, естественно. Короткий и легкий урок.

Урок 13. Создаем "поплавки"

Сложное свойство CSS - большие возможности для сайтостроения.

Урок 14. Поплавки (продолжение)

Снова "поплавки". Продолжаем изучение не простой, но крайне важной темы.

Урок 15. Позиционирование элементов

Позиционирование даёт широкие возможности для создания точного, идеально подогнанного и выверенного дизайна...

Урок 16. Слои

C помощью CSS можно делать трехмерное позиционирование, другими словами, наслаивать одно изображение на другое. Учимся это делать.

Проверка кода. Validator

В заключение, учимся проверять код с помощью Валидатора. Возможность проверить его прямо с этой страницы!