Harry James
0 
4450
988
Веб-дизайн может быть не самой доступной областью для всех, но CSS и HTML могут быть очень полезными, и это две части кодирования, которые действительно просты. Я имею в виду, чтобы изменить цвет вашего шрифта, вам просто нужно набрать: “красный цвет”, это становится легче чем это?
Ну, на самом деле, это становится сложнее, но на это стоит взглянуть, так как вы можете настроить все, от своего блога до документов 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 Search может быть отличным компаньоном для изучения CSS онлайн и поиска учебников по CSS для начинающих. Помимо очевидной возможности исследовать то, что вам нужно, вы также можете посмотреть, как работают конкретные свойства CSS. Не знаю, какие ценности “переполнение” могу иметь? Просто введите “переполнение CSS” или же “свойство переполнения css” и первый результат скажет вам, что вам нужно знать.
То же самое касается практически всех языков программирования, я использую это и для PHP и MySQL, и я не думаю, что первый результат когда-либо меня подводил.
Итак, вы, больше никаких оправданий, пришло время изучить CSS! Вы можете добавлять свои собственные шаблоны Google Docs, модифицировать свои шаблоны WordPress и делать намного больше, с удовольствием CSS!