Создание сайтов на 1C-Битрикс
Здравствуйте. Хочу поблагодарить Вас, Михаил, за видеоуроки. Они оказались самым лучшим проводником в мир Битрикс. 
) В моей компании сделали меня отвественной по Битриксу. Сначала была не в восторге, но чем дальше тем ставало интереснее, во многом благодаря Вам, надеюсь это где-то на кармическом уровне зачтется Вам плюсом)) У меня вопрос. Вот и взяли первого клиента по Битриксу и он просит сформировать основные требования к верстке для Битрикса. Может, подскажите. Боюсь из-за неопытности что-нибудь забыть или пропустить.
) В моей компании сделали меня отвественной по Битриксу. Сначала была не в восторге, но чем дальше тем ставало интереснее, во многом благодаря Вам, надеюсь это где-то на кармическом уровне зачтется Вам плюсом)) У меня вопрос. Вот и взяли первого клиента по Битриксу и он просит сформировать основные требования к верстке для Битрикса. Может, подскажите. Боюсь из-за неопытности что-нибудь забыть или пропустить.
В общем-то, основное требование к верстке- это знания верстальщика архитетектуры компановки шаблонов в Битрикс.
Что бы не валил все стили в один файл)
Требования к верстке под Битрикс
Стили из файла template_styles.css подключаются вторыми, поэтому они будут иметь больший приоритет.
И нельзя использовать такой:
.wrapper .main p{background:pink;} или такой: p{background:pink;}
Объясняется это тем, что при редактировании страницы в визуальный редактор вставляется iframe, тегу <body> которого прописывается класс / идентификатор main. Содержимое страницы вставляется в этот <body>. Вышележащих над main контейнеров добавлено не будет. Соответственно, задействовавшие их стили применены тоже не будут.
Это нужно для того, чтобы элементы, добавленные на страницу через визуальный редактор Битрикс, получили эти стили (а они добавляются без дополнительных классов и элементов-оберток).
Эти стили лучше всего задавать относительно главного контейнера (см. п. 2). Например, допустимо использовать стиль
.main ul{...}
Но недопустимо
ul.red{...}
Иначе эти стили будут присвоены даже служебным элементам, относящимся к интерфейсу Битрикса (в списке параметров компонентов, например).
То есть нельзя использовать такой стиль: input[type="text"] {...}
И можно такой: .main input[type="text"] {...}