5 лучших сайтов для изучения CSS онлайн

Веб-дизайн может быть не самой доступной областью для всех, но CSS и HTML могут быть очень полезными, и это две части кодирования, которые действительно просты. Я имею в виду, что для изменения цвета шрифта вам просто нужно набрать: «color: red», это легче, чем это?

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

W3Schools

W3Schools — отличный сайт. У них много учебников от HTML до PHP, и вы можете быть уверены, что все, что вы читаете, соответствует стандартам, поскольку сайт поддерживается W3C, отвечающим за современные веб-стандарты.

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

Если вы уже знаете немного CSS, это отличный справочный источник.

Tizag

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

Тизаг в моих глазах немного менее формален. Мне кажется, что их примеры ближе к реальной жизни, а тон дружелюбнее. Есть также полезные учебные пособия по многим другим языкам, таким как HTML и MySQL, поэтому, если вам понравился бит CSS, вы можете остаться с тем же качеством на других языках.

CSS Zen Garden

Этот сайт сильно отличается от обучающих сайтов, о которых я упоминал ранее. На CSS Zen Garden вы можете проверить свои знания или изучить код, написанный другими. Вся идея в том, что существует один статический и неизменяемый HTML-файл, и вы должны создать его отдельно, используя только CSS.

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

CSS Play [Больше не доступно]

CSS Play — это веб-сайт между Zen Garden и учебными сайтами, потому что он демонстрирует определенные функции в CSS и позволяет просматривать исходный код.

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

Если вам нужна определенная функциональность и вы хотите узнать, этот сайт может быть лучшим местом для начала. У него довольно много рекламы, которая может немного отвлекать, но информация там солидная, и во многих случаях код или, по крайней мере, метод очень подробно объясняется.

Google

Правильно, старый Google Search может быть отличным компаньоном для изучения CSS онлайн и поиска учебников по CSS для начинающих. Помимо очевидной возможности исследовать то, что вам нужно, вы также можете посмотреть, как работают конкретные свойства CSS. Не знаете, какие значения может иметь «переполнение»? Просто введите «css overflow» или «css overflow свойство», и первый результат скажет вам, что вам нужно знать.

То же самое касается практически всех языков программирования, я использую это также для PHP и MySQL, и я не думаю, что первый результат когда-либо меня подводил.

Таким образом, у вас больше нет оправданий, пришло время изучить CSS! Вы можете добавлять свои собственные шаблоны Google Docs, модифицировать свои шаблоны WordPress и делать намного больше, счастливого CSS-анализа!