CSS существует для придания стиля вашему HTML документу. Язык каскадных таблиц стилей несколько отличается от HTML, но он остаётся простым и понятным.
Все этих учебные пособия раскрывают секреты CSS3. Это самый свежий, полезный и блестящий вариант CSS. Его новые аспекты найдут отражение на следующих страницах учебного пособия.
Руководство для начинающих по CSS
Пошаговое руководство по основам CSS. Перейдите сюда, если вы знакомы с базовым HTML.
Содержание
- Применение CSS ─ Различные способы применения CSS к HTML
- Селекторы, свойства и значения ─ элементы, из которых состоит CSS
- Цвета ─ Как использовать цвет
- Текст ─ Как управлять размером и формой текста
- Поля и отступы ─ как расставить все по местам
- Границы ─ Эмм. Границы. Вещи, которые обходят вещи
- Собираем всё это вместе ─ бросаем все вышеперечисленные ингредиенты в один острый хот-дог
Справились. Отлично! Let’s go на уровень Intermediate!
Промежуточное руководство по CSS
Интересные решения на базе CSS.
Содержание
- Селекторы классов и идентификаторов: создавайте свои собственные селекторы!
- Группировка и вложенность: свойства, назначенные нескольким селекторам или селекторам внутри селекторов
- Псевдоклассы: определение различных состояний селектора ссылок
- Сокращённые свойства: различные свойства, такие как границы и отступы, которые объединяют другие свойства в одно целое
- Фоновые изображения
- Специфика: как браузер будет справляться с конфликтующими правилами CSS
- Отображение: указание характеристик поля
- Псевдоэлементы: оформление первых букв, первых строк и размещение содержимого до и после элементов
- Макет страницы: плавающие поля и поля для позиционирования
Разобрались. Вперёд — на уровень Advanced! К стилистам CSS 80 уровня…
Расширенное руководство по CSS
Исследование универсальных глубин CSS.
- Закруглённые углы: углы. Которые закруглены
- Тени: добавление “всплывающих окон” к полям и тексту
- Универсальный, дочерний и смежные селекторы: более точная цель с помощью умных селекторов
- Расширенные цвета: альфа-прозрачность и HSL
- At-Rules: импорт таблиц стилей, стилей для разных типов носителей, указание набора символов таблицы стилей и встроенных шрифтов
- Селекторы атрибутов: нацеливание на поля по HTML-атрибутам их элементов
- CSS-переходы: создание плавной анимации
- Фоновые изображения: кратные, размер и происхождение
- Преобразования: изменение размера и формы коробки и её содержимого
- Градиенты: линейные и радиальные градиенты без файлов изображений
- Медиа-запросы: оптимизация страниц для разных устройств и размеров экрана
Страницы в тему: