Базовый курс CSS — Web Atom

<CSS>

  • В этом курсе Вы узнаете всё для эффективной работы со стилями.
  • 9 часов понятных и нужных в работе видеоматериалов о CSS.
  • 45 подробных практических уроков без «воды»

Базовый курс CSS онлайн

Курс подготовлен:

Глеб Чубаренко

До курса
Хаотично интуитивный способ работы со стилями.
Поиск решений, как сделать то, что хочется или то, что надо.
Ошибки и не корректное наложение стилей.
Длительные временные затраты.
После курса
Четкое и структуированное понимание архитектуры проекта.
Вы узнаете 99,9% того, что Вам понадобится в работе.
Понимание как этого избежать.
Быстрое продвижение по работе со своими проектами.

После оплаты пришлите нам на admin@web-atom.ru письмо с указанием Вашего логина, наименованием купона WP_BASE_STARTER
и получите любой курс из раздела <Базовый>
БЕСПЛАТНО

Что такое CSS и что он делает?

Ни один веб проект не обходиться без стилей CSS. У художника есть палитра, а у веб программиста есть инструменты. Мы уже говорили о HTML – это база, PHP – это функционал, а теперь пришло время наводить красоты.

CSS – это способ управления стилями и не только. С помощью CSS можно воплощать интереснейшие идеи, делать Ваш сайт динамичным и живым. Грамотное использование стилей CSS позволит Вам максимально эффективно обращаться к необходимым объектам в HTML разметке и творить с ними все, что Вам захочется.

История CSS

Каскадные таблицы стилей CSS появились не сразу. William W. Tunnicli‹e обнародовал идею использования языка разметки в компьютерной обработке текстов в 1967 году. Его концепция Gen Cod впервые позволила решить задачу отделения содержимого документа от его внешнего вида.

В 1973 Charles Goldfarb представляет язык GML (Generalized Markup Language — обобщенный язык разметки), который стал стандартизированным только в 1986 году и приобрел название язык SGML (Standard Generalized Markup Language — стандартный обобщенный язык разметки) благодаря организацией ISO. Этот язык является прямым предком HTML. Timothy John Berners-Lee использовал синтаксис SGML для создания HTML в 1991 году.

Только в 1994 году Håkon Wium Lie предложил концеп цию каскадных таблиц стилей. Первая версия CSS1 была принята как рекомендация W3C 17 декабря 1996 года.


12 мая 1998 года была принята как рекомендация W3C вторая версия CSS2. 8 сентября 2009 года была утверждена CSS2.1. Эта версия формировалась в течение более 10-ти лет. На сегодняшний день мы уже имеем дело с CSS3.

Почему стоит учить CSS?

CSS это дополнительный язык стилей для HTML. Стили определяются отдельно от разметки. Разметку отдельно от стилей легче читать и обслуживать не только людям, но и поисковикам.

CSS – быстрый. Скорость проявляется во многих аспектах. Скорость изменения стилей, страница с отдельными стилями загружается быстрее, чем со встроенными. И, естественно, анимация и плавные переходы на CSS намного быстрее обрабатываются, нежели JavaScript.

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

У CSS большая аудитория. По технологии CSS написаны масса книг, видео, статей и веб-сайтов. Количество библиотек, инструментов и фреймворков, облегчающих применение CSS, только растет CSS везде. Современные браузеры используют CSS по полной. Список свойств, поддерживаемых различными браузерами, можно найти на таких сайтах, как CanIUse.com. Также CSS используется для написания стилей для мобильных приложений на различных платформах.

Стоимость курса
999 руб.

О чем онлайн курс CSS Web Atom?

CSS видео уроки

  • 01. Что такое CSS
  • 02. О курсе
  • 03. Подключение ксс к проекту
  • 04. Открываем тестовый проект
  • 05. Что такое селектор
  • 06. Свойство - фон
  • 07. Свойство display и visible и чем они отличаются
  • 08. Верстка подменю
  • 09. Вывод списка в одну линию
  • 10. Свойства ширины и тень
  • 11. Отступ padding
  • 12. Стиль текста и размер букв
  • 13. Гугл шрифты
  • 14. Свойство position
  • 15. Короткая и длинная запись отступов и других похожих свойств
  • 16. Настройка подменю (наведение мышки)
  • 17. Границы и псевдокласс lats-child
  • 18. Минимальная ширина
  • 19. Способ поизционирования absolute
  • 20. Центрирование
  • 21. Фон в виде изображения и ещё один метод подключении стилей
  • 22. Позиционирование одного элемента поверх другого
  • 23. Прозрачность
  • 24. Стиль черты (hr)
  • 25. Мультиселекторы
  • 26. Псевдоклассы after и before, а также вертикальное выравнивание
  • 27. Слои и z-index
  • 28. Ширина в процентах
  • 29. float left
  • 30. Центрирование по вертикале и горизонтале
  • 31. Рамка внутри и межбуквенное расстояние
  • 32. Несколько блоков по центру и в ряд
  • 33. Сайдбар
  • 34. Настройки шрифты и бордер с помощью всевдоэллемента
  • 35. clear
  • 36. Минимальная высота
  • 37. Унификация стилей
  • 38. Иконки в виде шрифтов
  • 39. Форма в одну строчку
  • 40. Стилизация кнопок
  • 41. Ещё немного о фоне
  • 42. Оаблицы
  • 43. Отступ в виде табличных рамок
  • 44. Конец

Комментарии