Вітаю Вас, дорогі читачі! У цій статті розглянемо як створити ефект оформлення сторінки - буквицу.
Буквиця - це прийом оформлення тексту, який представляє з себе збільшену першу букву. Зазвичай застосовується в друкованих виданнях, в книгах, коли перша буква статті, розповіді або глави оформляється особливим чином і таке оформлення може містити в собі зображення рослин, тварин та інших об'єктів.
За допомогою літери привертають увагу читача до початку тексту. Створення буквиці на html сторінках не складе особливих труднощів. Далі розглянемо як це зробити.
Буквиця в тексті
Навчися створювати професійні движки на PHP і MySQL
Найпростіший спосіб - це просто збільшити першу літеру тексту і виділити її кольором. Для цього краще використовувати псевдоелемент: first-letter. за допомогою якого можна визначити стиль першого символу в тексті елемента. наприклад:
Коли нічна роса та гірничий вітер освіжили мою палаючу голову і думки прийшли в звичайний порядок, то я зрозумів, що гнатися за загиблим щастям даремно і безрозсудно. Чого мені ще треба? - її бачити? - навіщо? не все скінчено між нами? Один гіркий прощальний поцілунок не збагатить моїх спогадів, а після нього нам тільки важче буде розлучатися.
За допомогою властивості CSS float можна зробити, щоб текст обтікав першу букву. Для цього змінюємо стилі наступним чином:
Буквиця картинка
Навчися створювати професійні движки на PHP і MySQL
Для використання якихось ексклюзивних шрифтом при оформленні літери або для використання якихось ефектів в якості першої літери можна використовувати малюнок вирівняний по лівому краю.
Приклад створення буквиці за допомогою малюнка:
оли нічна роса та гірничий вітер освіжили мою палаючу голову і думки прийшли в звичайний порядок, то я зрозумів, що гнатися за загиблим щастям даремно і безрозсудно. Чого мені ще треба? - її бачити? - навіщо? не все скінчено між нами? Один гіркий прощальний поцілунок не збагатить моїх спогадів, а після нього нам тільки важче буде розлучатися.
Але у цього способу є великий мінус: якщо буквица на сайті застосовується досить часто, то доведеться підготувати безліч малюнків різних букв і в цьому випадку ускладнюється редагування тексту, т. К. Замість звичайного зміни першої літери доведеться вставляти новий малюнок.
На цьому все. Тепер ви запросто зможете оформити буквицю на своїх сайтах. До нових зустрічей!