Ответ 1
Опыт, опыт и еще раз - опыт.
Вы можете найти полезные IDE, генераторы и т.д., но в конце дня, если вы разработчик, ваш опыт играет самую важную роль.
Вещь, которую я использую
* stylesheets
o project.css
o ie.css
o print.css
o reset.css
<base>
Другие советы?
Опыт, опыт и еще раз - опыт.
Вы можете найти полезные IDE, генераторы и т.д., но в конце дня, если вы разработчик, ваш опыт играет самую важную роль.
Если вам нужно задать этот вопрос, вы наверняка не должны работать над кодированием CSS, чтобы он соответствовал макетам дизайна перед вами. Это мое скромное мнение.
BTW: Это было в ответ на оригинальную формулировку вашего вопроса: "Как мне начать кодирование CSS для макетов дизайна передо мной".
Я бы рекомендовал структуру, такую как 960 Grid System. Создание приятных макетов и функциональных прототипов выполняется очень быстро, когда вы достигли 960.
Используйте правильную среду IDE, которая дает вам как можно больше помощи.
Intellij IDEA - это не только отличная Java IDE, но и отлично подходит для редактирования HTML/CSS:
Подробнее здесь: http://www.jetbrains.com/idea/features/html_css_editor.html
scaffold позволит вам создать свой CSS концептуально...
EDIT:
В ответ на ваше обновление - я лично одобряю редактирование/предварительный просмотр/изменение Firebugs CSS по WDT. Его гораздо больше прямых ИМО.
ИМО это вообще плохая практика. Хотя цель состоит в том, чтобы отделить структуру (xhtml) от презентации (CSS), это иногда не вполне возможно, например, для того, чтобы обернуть элемент несколькими другими элементами, чтобы команда дизайнеров могла иметь тени и закругленные углы, а команда разработчиков может имеют высоту и ширину при скольжении...
Как бы то ни было, проще всего начать применять свои стили к элементам... Я не понимаю, какие указатели вы ищете - это может помочь, если вы дадите краткий обзор своего текущего процесса.
Вы можете попробовать использовать что-то вроде Sass
с использованием таблиц для макета
Существуют определенные системы шаблонов, такие как sass, которые могут хорошо работать в определенных проектах или больших таблицах стилей.
Если ваши проекты повторяются, поскольку они всегда придерживаются определенных конветов, вы можете попробовать css framework.
Однако, несмотря на ограниченную поддержку кроссбраузеров, CSS тривиален (включая IE6 после определенного количества опыта). Вы можете попытаться объединить системы шаблонов или так называемые рамки css, но имейте в виду, что иногда меньше.
Как и Hartikainen, я настоятельно рекомендовал использовать расширение CSS. Они действительно упрощают разработку, делают ваш код более организованным и поддерживают последовательность. Поэтому они поддерживают более высокое качество css и более быстрое развитие.
Наиболее заметными являются