Как лучше всего написать контракт на использование CSS в веб-разработке?

Question

Наша команда разработчиков занималась разработкой корпоративной веб-страницы более 2 лет назад. Нам любопытно узнать, как лучше всего написать контракт для использования CSS. Например, если у нас есть COMP, как мы договариваемся о контракте, чтобы наши разработчики и наши дизайнеры согласились, и нам не нужно возвращаться.

Существует ли инструмент для этого вида технического письма?

Какое удержание информации, помещенной в CSS, по сравнению с HTML-страницей? Некоторые из наших дизайнеров считают, что некоторые вещи должны идти прямо на HTML-страницу. Общее мнение заключается в том, что все, что стиль, должно идти в CSS, а все остальное в HTML.

Спасибо за ваш вклад.

Answer 1

Я пурист, поэтому для меня HTML - это контент и структура, а CSS - макет и стилизация. Это действительно то, для чего каждый из них был создан.

См. CSS Zen Garden , где приведен отличный пример. Тот же HTML и сотни разных макетов и дизайнов.

По каким причинам ваши дизайнеры приводят стиль в HTML?

Изменить: Основная цель здесь заключается в согласованности по всему сайту, правильно? Чем больше вы абстрагируетесь от каждой страницы, тем меньше изменений вам придется вносить.

Answer 2

Ну, если веб-страница имеет очень специфический CSS только для себя, я думаю, что есть аргумент для определения CSS на странице, иначе у меня всегда будет CSS во внешнем файле.

Старайтесь избегать или, по крайней мере, минимизировать встраивание CSS как атрибута стиля в элементы HTML, хотя это будет PITA для управления.

Большинство страниц будут управляться шаблонами со стандартными стилями содержимого, поэтому стили CSS будут определены во внешних файлах.

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

То есть этот «контракт на использование CSS» на самом деле является просто стандартом кодирования для HTML-страниц?

Answer 3

Идея, что HTML должен просто кодировать информацию, а не стиль, называется семантической разметкой. У него есть несколько преимуществ, о которых вы уже знаете, например, разделение интересов, и некоторые из них, о которых вы, вероятно, даже не задумывались.

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

Если вам нужно, чтобы некоторые вещи были стилизованы по-разному для конкретной страницы, используйте отдельный файл включения CSS только для этой страницы, а затем используйте класс CSS для элемента, который хотите стилизовать.

Answer 4

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

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