Назъбени параграфи
Умален модел на Айфеловата кула в Parc Mini-France
Ето нещо просто: да започнем по-навътре първия ред на всеки параграф. Чрез тях много хора четат по-лесно, от колкото чрез празни редове между параграфите, особено при по-дълги текстове, и позволява резервирането на празните редове за по-важни паузи.
Трикът тук се състои в това, да вдлъбнем само тези параграфи, които са предшествани от други параграфи. Не е необходимо да се вдлъбва първият параграф от страницата, нито пък параграфи, следващи диаграма, заглавие или нещо друго, изместено от текста. Правилата за това са много прости:
p {
margin-bottom: 0 }
p + p {
text-indent: 1.5em;
margin-top: 0 }
Това вдлъбва първия ред само, когато е предшестван от друг параграф. Това също спестява пространството под всички параграфи и преди вдлъбнатите абзаци. Но ще разберете, че на практика, все още са необходими изключения.
В тази страница, например, има елементи P, използвани като заглавия
за изображения (виж пример за “Фигури
и заглавия”). Центрирани са и по тази причина,
не е необходимо да са вдлъбнати. Простото правило 'p.caption
{text-indent: 0}' се справя с това. Може да видите, че в примера
действително е оказано това правило.
Сега е възможно използването на различни разстояния между параграфите
за да се индикират важни паузи в текста. Нека да дефинираме три различни
класа: stb (малка тематична пауза), mtb (средна
тематична пауза) и ltb (голяма тематична пауза). Този параграф е
от клас stb, така че ефекта може да се види.
p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
