Подтвердить что ты не робот

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

Как веб-дизайнер, который разработал веб-сайты, используя таблицы, но никогда не используя css, как начинающий может начать работу с css?

<ч/" > Связанные сообщения SO

SO - Css Книга и веб-сайт для CSS

SO - Css блог

4b9b3361

ОТВЕТЫ

Ответ 1

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

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

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

Ответ 2

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

Ответ 4

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

Ответ 5

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

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

Техническая информация достаточно проста. Я часто посещаю W3Schools.

Ответ 6

Начать просто. Прочитайте несколько сайтов, таких как A List Apart и Position Is Everything.

Не пытайтесь сразу заменить весь сайт - меняйте по одной части за раз.

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

Ответ 8

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

Ответ 9

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

Это единственная книга CSS, которой я владею. Я использую веб-ссылку как ссылку на CSS.

Ответ 10

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

HTML Utopia: проектирование без таблиц с использованием CSS, 2nd Edition

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

с 4 доступными главами

Ответ 11

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

Ответ 12

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

Ответ 13

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

Ответ 14

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

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

Ответ 15

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

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

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

Ответ 17

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

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

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