CSS Reset - это основа CSS

 CSS Reset - это по сути мини фреймворк, набор css свойств для html документов. В самом виде он выглядит так {padding: 0px; margin: opx.} то есть для всех элементов страницы мы задаём нулевые внешние и внутренние отступы.

Свойство margin-top:0рх на первый взгляд кажется ненужным, но оно помогает устранить различия в размерах абзацных отступов, которые установлены в разных браузерах. В результате задания этого свойства расстояние от верхнего края окна до заголовка будет одинаково во всех браузерах. Отступ справа в 0.5 em сделает заголовок аккуратнее. Теперь займемся строкой меню. Она будет располагаться прямо под заголовком. Стиль этого блока будет следующим:

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

Создавая блок в CSS, мы всегда четко задаем его параметры, а также позиционируем его в определенное место на экране. Таким образом, любой блок имеет две координатах X и Y, которые определяют положение блока на плоскости экрана. Но в CSS 2 есть еще и третья, пространственная координата Z, которая определяет номер слоя, на котором находится блок.

Позиционирование блоков

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

Но в других случаях вам сможет помочь только уменьшение расстояния между буквами - например, когда столбцов в таблице много и текст их заголовков состоит только из одного слова, которое невозможно разбить на две строки. Дополнительно можно уменьшить размер шрифта для текста таблицы. Только оформляйте такие таблицы как отдельный класс, чтобы не затронуть текста остальных таблиц.

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

Аналогичным образом можно уменьшить отступ после заголовка, чтобы он ближе примкнул к основному тексту. Для заголовка достаточно отрегулировать только нижнее поле элемента Н3, дописав в правило свойство margin-bottom:0.2em:

Оформление текста

Текст на HTML-странице должен не только "вписываться" в основной дизайн, но еще и удобно читаться. Кроме правильного выбора гарнитуры и размера, немалую роль играют и другие параметры текста. Все они пришли в Web из полиграфии и нашли здесь достойное применение. У нас не так уж много средств, позволяющих оформить текст и расставить в нем акценты: начертание, междустрочные интервалы, расстояние между буквами, выравнивание, отступы - вот, собственно, и все. Попробуем разобраться, в каких случаях следует применять эти параметры для оформления текста.