Размеры боксов
задаются с помощью атрибутов width и height (не относятся к элементам таблиц). Можно также задавать минимальные и максимальные размеры (min-width, max-width, min-height, max-height). Для max-* можно указывать значения none (нет ограничений).
line-height
задаёт высоту строки. В процентах она даётся относительно обычного размера строки. Если размер меньше реального, то части символов выходят за пределы блока.
vertical-align
задаёт выравнивание элементов уровня текста. Значения: baseline - базовая линия должна совпадать, middle - выравнивание средней точки бокса с базовой линии + половиной высоты родителя, sub - понижает базовую линию бокса до обычного нижнего индекса, super - верхнего, text-top - выравнивает верх бокса с верхом шрифта родительского элемента, text-bottom - то же, но с низом; задание значения в процентах или в виде длины поднимает (+) или опускает (-) базовую линию, top - верх элемента выравнивается по верху строки, низ элемента выраванивается по низу строки.
Overflow (полностью поддержано ie 5.5)
В некоторых случаях содержимое бокса имеет большие размеры, чем сам бокс. Для управления размещением в этом случае используется атрибут overflow. Возможные значения: visible (содержимое отображается вне пределов бокса (в том числе)), hidden (содержимое усекается), scroll (содержимое усекается, но появляется также полоса прокрутки), auto (автоматический режим для полос прокрутки).
Для указания границ вывода усеченного изображения можно использовать параметр clip. Его возможные значения - это auto и rect(top right bottom left), где указаны смещения области вывода от соответствующих границ бокса.
visibility
позволяет задавать способ вывода бокса: auto (обычный способ), hidden (невидимый). Отмечу, что это свойство часто используется совместно с JavaScript для создания динамического меню.
Заключение
Современные браузеры предлагают удобные инструменты для просмотра и анализа html и css кода страниц и отдельных элементов. Вызвать эти инструменты можно следующим образом:
Google Chrome ПКМ – Просмотр кода, Elements - Computed Styles, styles.
Firefox ПКМ - Firebug – инспектировать элемент с помощью Firebug.
Opera ПКМ – проинспектировать элемент.
Дополнительный материал:
Learn to make awesome sites
https://dash.generalassemb.ly/
Литература
Влад Мержевич, Верстка веб-старниц, 2011