Выравнивание

По умолчанию все слова в параграфе прижаты влево. Левый край параграфа, таким образом, оказывается выровненным. Аналогичным образом может быть выровнен правый край параграфа или блока текста, и даже оба края вместе.

В обычной HTML-разметке этот эффект достигается за счет применения атрибута align, как это сделано на страницах данного пособия :)

<p align=justify>...</p>

Аналогичный результат в CSS достигается за счет атрибута text-align:

<p style="text-align:right;color:darkred;">Этот параграф выровнен по правому краю. Все строки справа кончаются на границе раздела. А вот слева они начинаются с различным отступом от левого края. </p>

<p style="text-align:right;color:darkred;">Этот параграф выровнен по правому краю. Все строки справа кончаются на вертикальной границе раздела. Все строки слева теперь начинаются также с вертикальной границы раздела. </p>

Выравнивать текст можно в любом блочном элементе. Кроме выравнивания по краям блочного элемента текст можно центрировать (<p style="text-align:center;">...</p>).

Фоновое оформление элементов

За фоновое оформление элементов отвечают группа параметров background.

Background-attachment

Параметр background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом (аналог bgproperties="fixed" в параметрах тега body).

Синтаксис

background-attachment: fixed | scroll

Аргументы

fixed - Делает фоновое изображение элемента неподвижным.

scroll - Позволяет перемещаться фону вместе с содержимым (значение по умолчанию).

 

<style type="text/css">

BODY {

background-image: url('images/sample.gif'); /* Путь к фоновому изображению */

background-attachment: fixed; /* Фиксируем фон веб-страницы */

}

</style>