body { } - это основа. Можно: прописать фон вашего блога, шрифт, который будет применяться ко всему тексту и т.д.
.post { } - это ваш пост. Можно: добавить фон, установить рамки, ширину и высоту, скругленность углов, изменить положение.
.post img { } - это изображения в постах. Можно: добавить рамки, фон, скругленность углов, задать размеры.
.post img:hover { } - всё то же самое что и в предыдущем пункте, только оно будет показываться ПРИ НАВЕДЕНИИ курсора на изображение.
a { } - это ссылки (общие, т.е. все). Можно: установить шрифт, его размер, эффекты, рамки.
a:hover { } - всё то же самое что и в предыдущем пункте, но только ПРИ НАВЕДЕНИИ курсора на ссылку.
Как редактировать БЛОКИ:
Вообще редактировать блоги можно целой кучей способов, и о некоторых из них я вам сейчас расскажу.
Можно добавить фон:
background: background-attachment background-color background-image background-position background-repeat;
Вместо background-attachment вы можете написать Scroll - тогда фон будет прокручиваться вместе со страничкой, или Fixed - тогда фон будет зафиксирован.
Вместо background-color указываете цвет фона (например формата #000000) или написать Transparent - тогда фон будет прозрачным
Вместо background-image указываете ссылку на изображение, которое будет фоном: url('ССЫЛКА НА ИЗОБРАЖЕНИЕ');
Вместо background-position пишете left чтобы фон размещался слева, right справа, top сверху и bottom снизу
Вместо background-repeat пишете Repeat чтобы фон повторялся (для небольших бесшовных фонов) и No-repeat чтобы фон не повторялся (для фонов большого формата).
И как пример того что может получиться: background: fixed transparent url('https://s29.postimg.org/aefrnatzr/e36714ceb863ce286a31ff3fd4fc41ac_975b96c4e1621c3.jpg'); center repeat;
Можно добавить рамку:
border: 1px solid #000000;
1px - толщина рамки, вместо 1 ставите любое нужное вам число
solid - это стиль рамки. Они бывают:
#000000 - это непосредственно цвет. Вместо 000000 ставите нужное значение (а взять его можно например здесь https://www.colorhexa.com/color-names)
Можно указать высоту и ширину:
height: 111px; - высота, вместо 111 указываете нужное значение
width: 111px; - ширина, вместо 111 указываете нужное значение
Можно сделать отступ внутри блока:
padding: 1px; - вместо 1 указываете нужное значение
В следующих постах планирую сделать такой же разбор текста. Буду благодарна за лайки и реблоги :)
Свои вопросы можете задать мне на ask.fm