Свойства.

[Кареглазый Демон]

Каждому селектору на странице можно прописывать свойства. Делается это по схеме:
селектор {свойство;}
селектор {свойство;}
селектор {свойство;}
или
селектор {свойство; свойство; свойство;}
Свойства бывают разные, и их великое множество. Цвет, размер, фоновая картинка, подчеркивание, обводка, прозрачность, сдвиг, отступы и т.д. Все зависит от вашей фантазии и конкретной задумки.
Как узнать обозначение свойства? Для этого есть полезные сайты вроде htmlbook. Забиваете в поисковик и ищете статьи по теме. Причем можно искать как свойство на русском, так и кусочки чужих кодов (свойства, те что через точку с запятой), если вы изучаете чужие коды.

Я расскажу обо всех доступных возможностях по порядку. Если у кого-либо есть предпочтения, о чем рассказать в первую очередь, укажите в комментариях.

А начать хочу с отступов. Это простая, но эффектная вещь, которой начинающие дизайнеры обычно не пользуются. Однако именно удобное и приятное глазу распределение информации по странице обеспечит читабельность и нетривиальный внешний вид вашему дневнику.

Итак, отступы бывают двух видов: внешние и внутренние. Если кто читал предыдущий пост, я говорил о картонных коробках. Так вот padding отодвинет содержимое селектора от края коробки внутрь, а margin будет сдвигать саму коробку так, чтобы ей стало свободнее.

Покажу на примере постов.

Для начала задаю постам серый фон. Обратите внимание, дизайн должен быть обязательно табличным.
.singlePost {background:#999;}
Здесь написано: каждый пост {фон:серый;}

Дальше прописываю внешние отступы, чтобы разделить посты.
.singlePost {margin: 20px;}
каждый пост: {внешний отступ: 20px;}

И наконец внутренние отступы, чтобы отделить текст от края.
.singlePost {padding: 20px;}

Comments

[emercy]

Кареглазый Демон,

Обратите внимание, дизайн должен быть обязательно табличным.

А что делать тем, у кого он блочный?

[Кареглазый Демон]

emercy, ну хотите переключите на табличный) Или смиритесь с тем что блочный внешние отступы между постами проигнорирует)

[emercy]

Кареглазый Демон,

смиритесь с тем что блочный внешние отступы между постами проигнорирует)

Никаких альтернатив? Разделитель какой или сами посты сделать меньше?

[Кареглазый Демон]

emercy, насколько мне известно нет. А что именно вас так не устраивает в табличном варианте?

[emercy]

Кареглазый Демон, ссылки над эпиграфом или экстратопом, главная и т.д. Ну и блочные аккуратнее смотрятся.