Без заголовка |
|
Без заголовка |
Читая любой текст, мы видим лишь его последний, финальный вариант.
Но часто бывают случаи, когда интересен и сам процесс написания.
Чтобы получить живой текст (здесь они называются «лайвтайпами»).
Заходим на сайт и набираем текст в рамке затем нажимаем кнопку «ОЖИВИТЬ».
И украшаем свой дневничёк, очередным, новеньким шедевром.
|
Без заголовка |
|
|
Без заголовка |
|
***Быстро наложить текст на картинку без графических редакторов*** |
ДЛЯ ТЕБЯ ЛЮБОВЬ МОЯ |
---|
|
Без заголовка |
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст | ||
Ваш текст |
Для изменения места нахождения картинки или текста | ||
текст или картинка слева | слева | |
текст или картинка справа | справа | |
текст или картинка по центру | по центру | |
Для уменьшения или увеличения шрифта цифру 2 в коде можно менять в зависимости на сколько Вы хотите уменьшить или увеличить текст | ||
Сделать текст больше | БОЛЬШЕ | |
Сделать текст меньше | МЕНЬШЕ |
|
Без заголовка |
Существую разные стили текста, для оформления вашего блога. Придуманы не мной.Долго собирала разные необычные варианты. И в этом уроке хочу вам их предложить. Благодаря им ваш дневник будет выглядеть не ординарно,и красиво. Такими текстами можно украшать ЗАГОЛОВКИ и РАМОЧКИ. Написание цвета и коды цвета. Смотрим и выбираем понравившийся...
Ещё варианты... |
|
Без заголовка |
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
Закрепить текст |
|
|
||
|
||
|
||
|
|
Без заголовка |
|
Без заголовка |
Стилевой параметр font позволяет устанавливать несколько параметров одновременно.
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family
font-style: normal | italic | oblique
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.
Нормальный текст
Курсив
Наклоный текст
font-variant: normal | small-caps
Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.
Нормальный текст
Капитель
font-size: абсолютный размер | относительный размер | значение | проценты
Для задания абсолютного размера используются следующие значения: xx-small, x-small, small, medium, large, x-large, xx-large.
Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пикселы (px), проценты (%) и др. За 100% берется размер шрифта родительского элемента. Отрицательные значения не допускаются.
Текст 22 пикселя
Текст 2.5em
Текст 110%
font-family: имя шрифта [, имя шрифта[, ...]]
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
font-weight: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Насыщенность шрифта задается с помощью ключевых слов: bold — полужирное, bolder — жирное; lighter — светлое, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900.
|
Без заголовка |
Добавим к тексту тень
Делаем тень в тексте
Делаем тень в тексте
Делается все очень просто. Нужно вывести текст 2 раза так что бы один текст выводился поверх второго.
Сделаем все по порядку. Выведем два раза текст.
Делаем тень в тексте
Делаем тень в тексте
Все что теперь осталось - сместить второй текст вверх и влево. Для этого добавим стиль position: relative.
Это говорит от том что положение элемента устанавливается относительно его исходного места. Добавление атрибутов left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.
Вот что мы получим
Делаем тень в тексте
Делаем тень в тексте
|
Страницы: | [1] |