Основы CSS. Всё о шрифтах и тексте.
Основы CSS. Всё о шрифтах и тексте.
Ну что ж, раз никто не хочет говорить, что же конкретно не понятно/интересно, то будем обо всём по чуть-чуть.
ВНИМАНИЕ! Не забывайте пожалуйста оставлять комментарии. Если комментарии отсутствуют, значит интереса к данной теме нет, а если нет интереса то и постов тоже нет. Думаю взаимосвязь логична и понятна)
Итак, чтобы понять что и куда нужно вставлять и что где изменять, вам нужно будет посмотреть полный разбор CSS кода для МП — там всё написано максимально подробно и понятно. Ну а теперь о самих шрифтах.
Весь текст и все манипуляции с ним прписываются к одному единственному слову FONT. Изменения могут быть разнообразными, но все они заисываются в одну строчку:
font: font-style font-variant font-weight font-size font-family; где:
— font-style это начертание шрифта:
normal — Обычное начертание текста
italic — Курсивное начертание
oblique — Наклонное начертание
— font-variant это написание шрифта: обычное или капителью (когда все буквы — прописные)
normal — Оставляет регистр символов исходным, заданным по умолчанию
small-caps — Модифицирует все строчные символы как заглавные уменьшенного размера
— font-weight это насыщенность шрифта. Можно прописать готовые значения или подобрать самому, указав числовое значение:
bold — полужирное начертание
bolder — жирное начертание
lighter — светлое начертание
normal — нормальное начертание
или значение от 100 до 900
— font-size это непосредственно размер шрифта, измеряется в пикселях и пишется следующим образом:
Npx, где N это число
— font-family это сам шрифт, его название. Названия и примеры пожно найти например здесь или здесь .
Таким образом наша строчка может выглядеть таким образом:
font: italic normal normal 15px Arial;
курсивный, обычным шрифтом, нежирным, пятнадцатым размером шрифта Arial.
Также можно сделать все манипуляции онлайн и взять уже готовый код на этом сайте.
А теперь поговорим о тексте, астройки которого приписываются к TEXT.
Выравнивание текста обозначается свойством и выглядит так:
text-align: center | justify | left | right
center — Выравнивание текста по центру
justify — Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю
left — Выравнивание текста по левому краю
right — Выравнивание текста по правому краю
Оформление текста обозначается следующим образом:
text-decoration: blink | line-through | overline | underline
blink — Устанавливает мигающий текст
line-through — Создает перечеркнутый текст
overline — Линия проходит над текстом
underline — Устанавливает подчеркнутый текст
none — Отменяет все эффекты
Отступ первой строки текста обозначается так:
text-indent: N%, где вместо N указывается число. Пример:
Вот и всё, что я хотела сказать по шрифтам. Если есть вопросы — задавайте, если есть пожелания по теме следующего поста о CSS - пишите.
P.S. примеры и информация взяты с htmlbook.ru