Ну что сказать по этой теме верстка всегда и бала очень важной в разработке веб-приложений. А еще более важно кроссбраузерность — это совокупность CSS компонентов, которые обеспечивают единый образ страницы сайта во всех браузерах, или же в таких как IE 6, 7, 8, Firefox, Opera, Safari и тд. ну дело это очень не простое темболее для новичков :). Поэто вот на наш взгляд самые важные моменты на которые стоит обратить внимание.
1. Используйте глобальные сбросы
Помните, мы уже как-то писали по глобальные сбросы в CSS? Думаю, вы знаете, что все браузеры имеют несколько разные значения по умолчанию для отображения элементов. Глобальные сбросы как раз борются с этим.
2. Различайте id и class у элементов
Аттирибут id указывает на то, что такой элемент всего один, он уникален (скажем, у вас всегда всего одна шапка на странице). Класс же объединяет несколько элементов со схожими стилевыми и симантическими свойствами.
3. Используйте короткие свойства
Да, про короткие свойства в CSS я уже как-то говорил. Использование коротких свойств намного удобнее, кроме того, этим вы можете уменьшить размер ваших файлов стилей.
4. Организуйте свои CSS файлы
Помимо разделения файлов (как, например, в прогрессивном улучшении CSS), вы так же можете ставить комментарии непосредственно внутри файлов. Это делает ваш код более читабельным и его проще редактировать.
5. Используйте CSS фреймворки и тулбоксы
Это поможет сэкономить ваше время. Вы можете использовать как готовый фреймворк (дополнив или изменив его), так и написать свой. То же относится и к тулбоксам.
6. Избегайте избыточности
Спонсор World Programs — Сайты для бизнеса