Я хочу создать шаблон CSS моего воображения: это означает, что из SCRATCH.
Я хочу сделать это, как если бы я делал это с помощью пера, но просто с помощью мыши. Я не знаю об этом поле (css), поэтому я спрашиваю. Многие разработчики сделали фантастические шаблоны, которые скалы.
Я хочу знать, как вы создаете свои шаблоны CSS? (если вы это сделали) Вы начинаете их с нуля, используя фреймворк, используя приложение? Это сложно или легко?
Просто, как вы это делаете?
Все и все, что вы когда-либо хотели узнать о css, можно найти в список отдельно. Вам также может понравиться css garden. Отличные примеры в реальном мире вы можете разобрать и взломать.
Мой типичный курс действий:
*
{
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
}
Cue imagination
Не изобретайте колесо, не находите хорошую базу css и не строите на ней.
Я предполагаю, что вы собираетесь повторно использовать это, так как вы назвали его шаблоном, поэтому я бы сделал так, чтобы вы упорядочивали / группировать элементы css логически ( текст, макет и т.д.). Вам нужно что-то, что вы можете быстро прочитать и настроить позже.
Определенно очистить поля по умолчанию и paddings, поскольку разные браузеры (cough IE) имеют свои представления о том, какие поля и прокладки должны иметь различные элементы.
Наконец, сделайте использование процентов и ems. Это значительно сократит ваше дублирование. Например...
body { font-size: 12px };
.wrapper { width: 800px; }
Теперь у вас есть база, на которую можно ссылаться все остальное. Поэтому я мог бы делать такие вещи:
h1 { font-size: 2em; }
.content { font-size: 1.2em; }
.sidebar { font-size: 1em; }
.content { width: 70%; }
.sidebar { width: 30%; }
Если вы решите, что 800px - это старая шляпа, вы можете изменить свою ширину на 900 пикселей, и все будет работать.
Возможно, вы захотите прочитать CSS.
Это зависит от ситуации. Если мне нужно создать шаблон для существующей страницы, использующей CSS, часто создаваемый редактором или чем-то другим, я бы использовал это как отправную точку и изменил биты и фрагменты, пока не сделает то, что я хочу. Это будет для Wordpress и таких приложений тоже.
Когда у меня нет css для начала, я работаю от "тела" и работаю до детей детей детей и т.д. От большого к маленькому.
Мне нравится использовать инструмент, который показывает визуальное представление тега css, который я редактирую, чтобы я мог видеть, как он выглядит. Мне нравится Expression Web, потому что он может легко перемещаться по стилям и показывает мне, как он выглядит.
Вы сказали в своем комментарии к этому ответу, что вы хотите легко его настроить?
Я очень рекомендую некоторые расширения Firefox для этой цели. Firebug является фантастическим для быстрого просмотра css за чем-то или для настройки CSS. Если вы наведете что-нибудь в firebug, он отобразит css и позволит вам отключить отдельные строки css и посмотреть, как браузер отображает его.
Я начинаю с нуля, просто набираю его с помощью VS или Aptana и т.д.
Я использую основной макет, например, 3 столбца.
Затем я использую встроенный стиль для создания основного макета, добавляя разметку и html, пока у меня не будет, как мне это нравится. Затем я продолжаю этот путь, пока у меня не будет основного скелета моего веб-сайта.
Отсюда я помещаю css во внешний файл и начинаю добавлять элементы, стилю, когда я иду.
Прежде чем вы это узнаете, у вас будет что-то приятное, это происходит на удивление быстро!