Как вы посоветуете новичку начать работу с CSS?

Начните с чтения веб-сайта руководства. Таким образом, он увидит, как создать простой CSS, и увидит преимущества.

• http://www.w3schools.com/css/
• http://www.echoecho.com/css.htm
• http://www.csstutorial.net/
• http://www.w3.org/Style/Examples/011/firstcss
• http://www.westciv.com/style_master/academy/css_tutorial/

Тогда я предлагаю, так как он знает, как создать веб-сайт, чтобы проверить другой источник веб-сайта и увидеть их файлы CSS. Дзен сад - хорошее начало.

Если ему потребуется дополнительная информация, он всегда может получить книгу (я не думаю, что это необходимо, но если он хочет книгу), он может попробовать Core-Css.

Начни с простого. Прочтите несколько сайтов, например Список отдельно и Позиция - это все.

Не пытайтесь заменить сайт целиком - меняйте его по частям.

Продолжайте тестировать его в разных браузерах - чем раньше вы обнаружите, что он выглядит по-разному в одном (или во всех!), Тем лучше.

Прочтите CSS: полное руководство, третье издание Эрика А. Мейера. Это одна из лучших технических книг, которые я читал.

В SitePoint есть большое количество руководств и ссылок по этому поводу. У них даже есть книга, которая, похоже, прямо ответит на ваш вопрос!

Утопия HTML: проектирование без таблиц с использованием CSS, 2-е издание

http://www.sitepoint.com/books/css2/

с 4 разделами доступны бесплатно

Ко всем другим предложениям я бы добавил список статей CSS Smashing Magazine.

Я большой поклонник чтения технических книг, поэтому научился у Начало веб-разработки на CSS: от новичка до профессионала

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

Обязательно получите плагин Firebug для Firefox. Зайдите на понравившийся сайт и проверьте его CSS. Выключите и включите что-нибудь, измените вещи, просто почувствуйте, как все это сочетается. Отличный инструмент обучения.

Для французского есть хороший сайт: http://www.alsacreations.com/ есть учебники по HTML, xHTML и CSS и множество примеров (как создавать "красивые" меню и т. д.)

Я выучил много CSS, скачав бесплатные дизайны сайтов с http://www.oswd.org/ и пытаясь реализовать те же эффекты самостоятельно. Это также дало мне некоторое представление об идеях для общесайтовых шаблонов проектирования в CSS.

Книга, с которой я начал, была Решения веб-стандартов: Справочник по разметке и стилю., автор Дэн Седерхольм. Это не справочник, а хороший старт с реальных примеров. Дэн хорошо держит вас за руку, не торопясь и не утомляя вас. Я купил его несколько лет назад и до сих пор иногда к нему обращаюсь.

Это единственная книга по CSS, которая у меня есть. Я использую Интернет в качестве справочника CSS.

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

http://www.w3.org/Style/CSS/#specs

Кто-то уже указал ссылку на w3c. Эта ссылка ведет к спецификациям, из которых я узнал, что знаю о css. В любом случае, начните с уровня 1, а затем переходите к другим уровням. Что ж, уровень 1 должен дать вам большую часть того, что вы будете использовать, поэтому вы можете просто изучить уровень 1, а затем при необходимости погуглить другие вещи, которые вы хотите делать.

Я рекомендую Превосходя CSS: изящное искусство веб-дизайна Энди Кларка. Речь идет не столько о технических аспектах CSS, сколько о переключении мышления, которое должно произойти при переходе от дизайна на основе таблиц к отделению контента от дизайна.

Когда я начал изучать CSS, я обнаружил, что кодирую почти так же. Вместо таблиц и tds я использовал div и spans. Я все еще работаю снаружи (дизайн) внутрь (по направлению к содержимому) и разрабатываю разметку и содержимое вокруг внешнего вида страницы, фиксируя это в дизайне. Трансцендентный CSS входит в процесс выхода изнутри (контент и разметка) наружу (дизайн), оставляя внешний вид сайта гибким.

Техническую информацию найти достаточно легко. Я часто бываю в школах W3Schools.

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

Также рассмотрите возможность сброса файла CSS. Это действительно помогает справиться с различиями в браузерах.

Наряду с этим, конечно, читайте руководства и ищите в сети.

Взгляните на сайт Веб-дизайн с нуля. Это было действительно полезно для меня.

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

Большинство людей, занимающихся HTML / CSS, не понимают этого и застревают в бездействии, не имея ни малейшего представления.

Единственная найденная мною книга, которая вообще связывает эти атрибуты, - это «Pro CSS and HTML Design Patterns». Книга Эрика Мейерса может ... Лично я ненавижу стиль, в котором написано "Pro CSS and HTML Design Patterns", но это все еще самое эффективное руководство по CSS, которое я нашел.

Я написал общее вводное руководство, включая несколько хороших ссылок CSS в другом месте (см. Также комментарии) ... может быть полезно.