Tự học CSS на компьютер

Сокращенно от «Каскадные таблицы стилей», CSS - это язык, используемый для макета дизайна и макета сайта. Многие меню на веб-сайте и в мобильных приложениях написаны на CSS в сочетании с JavaScript и HTML.
Любой, кто работал в сети, знает, насколько важен CSS в сети, и именно в этом и заключается смысл Интернета, если он хочет стать полнофункциональным веб-интерфейсом с цветовой кодировкой. Конечно, не удивительно, что CSS занимает 70% элементов, которые делают ваш сайт красивым.
Одним из самых базовых знаний профессиональных веб-разработчиков является знание ими HTML и CSS. В моей серии Basic HTML Learning также бывают случаи, когда мне нужно изучать CSS как часть базового HTML, и вот серия CSS, которую вы должны увидеть, если хотите самостоятельно редактировать интерфейс. сайт.
Содержание базовой серии CSS
В этой серии мы поговорим об основах CSS, но самое главное, таких как базовая структура CSS, работа с выборками, понимание концепций позиции, полей и отступов, встроенные. Каковы блоки и, что наиболее важно, методы построения важных макетов веб-сайтов, с которыми вы часто сталкиваетесь (например, как разделить интерфейс сайта на 3 столбца, например).
Кроме того, в этой серии я также рассказал о концепциях CSS3, которые сегодня широко используются, в том числе о тенях блоков, тенях текста, радиусе границ, медиа-запросах ... которые помогут. Ваш сайт становится великолепнее. Я уверен, что это самая полная серия изучения CSS на английском языке, которую вы когда-либо видели.
Требуются знания
Изучать CSS легко, поэтому нам нужно, чтобы вы знали через HTML (лучше взглянуть на нашу базовую серию HTML Learning) и использовать простое программное обеспечение для редактирования кода, такое как Notepad ++ или Sublime Text (рекомендуется).
Также, если это возможно, мне нужно, чтобы вы знали на английском языке, чтобы иметь возможность читать ресурсы в сети, потому что в этой серии я не могу передать 100% знание CSS, но только с помощью важных приемов. Вы можете ссылаться на такие сайты, как CSS Mozilla.
Смотреть видео
Если вам нужно посмотреть этот сериал с видео, вы можете посмотреть этот плейлист. Хотя в каждый пост я вставлял видео в каждый пост.
Начать
Вы готовы? Не стесняйтесь больше, но не нажимайте на следующий пост, чтобы войти в мир красочных CSS прямо сейчас.
Основные понятия CSS
Что такое CSS?
Синтаксис CSS
Включить CSS в HTML
блок
Цвет (Цвет)
фон
Формат шрифта
Текстовый формат
картина
Оформление ссылки
стол
Пограничный (граница)
Выравнивание (маржа)
Список и Маркер
набивка
Указатель (Курсор)
очертание
размер
полоса прокрутки
Продвинутый CSS
видимость
Выровнять местоположение
Слой (атрибут z-index)
Введение в псевдо-классы
Псевдоэлемент
Правило №
Тип носителя
@Page rule
Форматировать перед печатью
Настроить макет
проверка достоверности
Изучите основы CSS3
Введение в CSS3
Закругленный угол
Свойства изображения границы
Мульти фон
Цвет в CSS3
Что такое градиент?
Создать тень
Создать текстовые эффекты
Веб-шрифт
2D Transform
3D-трансформация
Эффекты (анимация)
Разделить столбец (Multi Column)
Интерфейс пользователя
Размеры коробки
Концепция CSS Отзывчивый
Что такое адаптивный CSS?
Краткое руководство по CSS
Объединить все свойства
Список имен цветов
Веб-безопасный шрифт
Синтез Эффекты
CSS Tool
Конвертировать PX в EM

First Release