Вы здесь: Главная > CSS > Уроки CSS

Уроки CSS

CSS существует для придания стиля вашему HTML документу. Язык каскадных таблиц стилей несколько отличается от HTML, но он остаётся простым и понятным.

Все этих учебные пособия раскрывают секреты CSS3. Это самый свежий, полезный и блестящий вариант CSS. Его новые аспекты найдут отражение на следующих страницах учебного пособия.

Руководство для начинающих по CSS

Пошаговое руководство по основам CSS. Перейдите сюда, если вы знакомы с базовым HTML.

Содержание

  1. Применение CSS ─ Различные способы применения CSS к HTML
  2. Селекторы, свойства и значения ─ элементы, из которых состоит CSS
  3. Цвета ─ Как использовать цвет
  4. Текст ─ Как управлять размером и формой текста
  5. Поля и отступы ─ как расставить все по местам
  6. Границы ─ Эмм. Границы. Вещи, которые обходят вещи
  7. Собираем всё это вместе ─ бросаем все вышеперечисленные ингредиенты в один острый хот-дог

Справились. Отлично! Let’s go на уровень Intermediate!

Промежуточное руководство по CSS

Интересные решения на базе CSS.

Содержание

  1. Селекторы классов и идентификаторов: создавайте свои собственные селекторы!
  2. Группировка и вложенность: свойства, назначенные нескольким селекторам или селекторам внутри селекторов
  3. Псевдоклассы: определение различных состояний селектора ссылок
  4. Сокращённые свойства: различные свойства, такие как границы и отступы, которые объединяют другие свойства в одно целое
  5. Фоновые изображения
  6. Специфика: как браузер будет справляться с конфликтующими правилами CSS
  7. Отображение: указание характеристик поля
  8. Псевдоэлементы: оформление первых букв, первых строк и размещение содержимого до и после элементов
  9. Макет страницы: плавающие поля и поля для позиционирования

Разобрались. Вперёд — на уровень Advanced! К стилистам CSS 80 уровня…

Расширенное руководство по CSS

Исследование универсальных глубин CSS.

  1. Закруглённые углы: углы. Которые закруглены
  2. Тени: добавление “всплывающих окон” к полям и тексту
  3. Универсальный, дочерний и смежные селекторы: более точная цель с помощью умных селекторов
  4. Расширенные цвета: альфа-прозрачность и HSL
  5. At-Rules: импорт таблиц стилей, стилей для разных типов носителей, указание набора символов таблицы стилей и встроенных шрифтов
  6. Селекторы атрибутов: нацеливание на поля по HTML-атрибутам их элементов
  7. CSS-переходы: создание плавной анимации
  8. Фоновые изображения: кратные, размер и происхождение
  9. Преобразования: изменение размера и формы коробки и её содержимого
  10. Градиенты: линейные и радиальные градиенты без файлов изображений
  11. Медиа-запросы: оптимизация страниц для разных устройств и размеров экрана

Страницы в тему:

Добавить комментарий