Таблицы
Включенный в фреймворк код, стилизует таблицы:
/* Tables
------------------------------ */
table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td { }
Для начала мы схлопываем все границы в таблице и задаём ей ширину 100%. Потом для всех ячеек таблицы прикручиваем 1-пиксельную серую границу, внутренние отступы для комфортного восприятия и выравнивание содержимое ячеек по верхнему краю.
Для заглавных ячеек th мы заливаем фон нежным серым цветом.
Этого достаточно для того, чтобы наши таблицы выглядели вполне опрятно и стильно.
Всё это работает для всех таблиц на сайте. Это ведь не повредит разметке ваших макетов, не правда ли?
Ссылки по теме:
