Рекламное объявление
Веб-дизайн может быть не самой доступной областью для всех, но CSS и HTML могут быть очень полезными, и это две части кодирования, которые действительно просты. Я имею в виду, чтобы изменить цвет вашего шрифта, вам просто нужно набрать: «color: red», это легче, чем это?
Ну, на самом деле, это становится сложнее, но на это стоит взглянуть, так как вы можете настроить все, от своего блога до документов Google Docs, с небольшим знанием CSS. Давайте посмотрим, где вы бесплатно изучаете CSS и получите учебники по CSS для начинающих.
W3Schools
W3Schools отличный сайт У них много учебников от HTML до PHP, и вы можете быть уверены, что все, что вы читаете, соответствует стандартам, поскольку сайт поддерживается W3C, отвечающим за современные веб-стандарты.
Уроки CSS довольно подробны и проведут вас через большую часть того, что вам нужно знать, но так как это больше технической страницы, вы увидите меньше примеров, чем где-либо, и примеры, которые у них есть, немного ограничены.
Если вы уже знаете немного CSS, это отличный справочный источник.
Tizag
Я часто сталкиваюсь с этим сайтом при поиске вещей и смотрю их учебники по CSS, которые я нашел немного лучше структурированными, чем W3School. Основная информация та же, но если вы абсолютный новичок, вы можете начать здесь.
Tizag в моих глазах это немного менее формально. Мне кажется, что их примеры ближе к реальной жизни, а тон дружелюбнее. Есть также полезные учебные пособия по многим другим языкам, таким как HTML и MySQL, поэтому, если вам понравился бит CSS, вы можете остаться с тем же качеством на других языках.
CSS Zen Garden
Этот сайт сильно отличается от обучающих сайтов, о которых я упоминал ранее. На CSS Zen Garden Вы можете проверить свои знания или изучить код, написанный другими. Вся идея в том, что существует один статический и неизменяемый HTML-файл, и вам нужно создать отдельный вид для него, используя только CSS.
Вы можете загрузить свою работу, и она будет продемонстрирована, и вы можете скачать файлы других людей, чтобы посмотреть, как они делали то и это. Это действительно полезно, потому что я сам узнал гораздо больше на примере, чем на самом деле учиться. То же самое касается шаблонов WordPress - если вам нравится один, скачайте его и загляните в style.css, чтобы увидеть, как все делается.
CSS Play [Больше не доступно]
CSS Play - это веб-сайт между Zen Garden и учебными сайтами, потому что он демонстрирует определенные функции в CSS и позволяет просматривать исходный код.
Вместо того, чтобы иметь целую страницу или весь сайт, вы можете взглянуть на примеры всплывающих меню, примеры непрозрачности, определенные обходные пути IE и так далее.
Если вам нужна конкретная функциональность и вы хотите узнать, этот сайт может быть лучшим местом для начала. У него довольно много рекламы, которая может немного отвлекать, но информация там солидная, и во многих случаях код или, по крайней мере, метод очень подробно объясняется.
Это верно, старый добрый Поиск Гугл может быть отличным компаньоном для изучения CSS онлайн и поиска учебников по CSS для начинающих. Помимо очевидной возможности исследовать то, что вам нужно, вы также можете посмотреть, как работают конкретные свойства CSS. Не знаете, какие значения может иметь «переполнение»? Просто введите «css overflow» или «css overflow свойство», и первый результат скажет вам, что вам нужно знать.
То же самое касается практически всех языков программирования, я использую это и для PHP и MySQL, и я не думаю, что первый результат когда-либо меня подводил.
Итак, вы, больше никаких оправданий, пришло время изучить CSS! Вы можете добавлять свои собственные шаблоны Google Docs, изменять свои шаблоны WordPress и делать намного больше, счастливого CSS-анализа!