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

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

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

W3Schools

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

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

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

Tizag

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

tizag

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

CSS Zen Garden

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

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

CSS Play

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

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

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

Google

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

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

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