# 025: Типографіка публікацій, частина 1 - CSS-хитрощі

Anonim

Тепер, коли у нас є область публікацій у блозі, ми можемо по-справжньому ввести типографіку публікацій у блозі. Мабуть, найважливіша типографіка на сайті, оскільки саме це місце читач буде проводити найбільше часу, розглядаючи.

Ми починаємо з роздумів про теги заголовків та їх розмір. Потім ми стилізуємо елемент, який буде повсюдним на всьому сайті.

Ми нагадуємо собі, що ви ніколи не ставите пробіли з малих літер, але ми крадемо овець.

Ми додаємо ще один важливий колір у наш файл bits.scss $blue, який буде використовуватися для посилань на всьому сайті. Ми експериментуємо з деякими іншими стилями посилань, але в підсумку не йдемо на це. Стани наведення / фокусування / активного стану досягаються лише за допомогою Darken()функції Sass.

Ми збільшуємо розмір шрифту першого абзацу статті. Це просто стильно стильно, але це також трохи психологічний фокус, щоб зацікавити людей читанням та статтею. Це також хитрість для мене як письменника. Я знаю, що абзац буде надзвичайно великим, тому мені краще зробити його хорошим!

Цей перший абзац може бути дещо крихким. Наприклад, ми вставляємо заповнювач для майбутнього оголошення Google AdSense, який потім ламає селектор. Ми все ж це виправимо!