Форматирование текста

Форматирование текста

При заполнении Web-страниц с форматированием текста в html приходится сталкиваться больше, чем с другими элементами также ежели бы никак не стили , это занятие носило длинный также монотонный нрав. Каскадные листы стилей с их последней спецификацией CSS 2.0 могут задать тексту любые параметры форматирования. Хоть существует немало учебников на данную тему, но разрешено подойти более просто к этой теме. Итак...

Так с помощью свойства family языка HTML разрешено указать гарнитуру шрифта. В значениях ставится название шрифта либо лучше их перечень в распорядке приоритетности. Можно в значениях применять классификации шрифтов: serif (с засечками), sans-serif (без засечек), monospase (моноширинный), cursive (наклонный), fantasy (произвольный).

Font-size - устанавливает размер шрифта в html. В значениях разрешено указать как числовые значения в единицах измерения, так также воспользоваться ключевыми словами:

• Medium - в его значении устанавливается размер шрифта по умолчанию.
• small - на 20% меньше, чем medium ;
• x-small - на 20% меньше, чем small ;
• xx-small - на 20% меньше, чем x-small ;
• large - на 20% больше, чем medium ;
• x-large - на 20% больше, чем large ;
• xx- large - на 20% больше, чем x-large .

По начертанию шрифт станет меняться в HTML с помощью свойства font-style также его значений: normal (по умолчанию), italic (курсив), oblique (наклонный). По толщине шрифт регулирует свойство font-weight с значениями normal (по умолчанию) а также bold (полужирное). Высоту строчных букв формирует - font-size-adjust , однако при значении small-casp в приятелем свойстве font-variant шрифт станет прописным, однако размер владеть как строчный.

Интервалы между символами определяются свойством letter-spacing , которые измеряются в (em) . Промежуток между слов иллюстрирует - word-spacing . с помощью text-transform проистекает изменение регистра посредством значений: capitalize (первые буквы всех слов будут заглавные), lowercase (придаёт символам строчный вид), uppercase (формирует прописные символы).

При выравнивании текста на странице, посредством html также css применяется свойство text - align со значениями left (по левому краю), right (по правому), center (по центру), justufy (по ширине страницы). По вертикали бла бла выравнивание текста может проистекать только в таблице с указанием vertical- align при значениях top (по верху), bottom (по низу), middle (по середине).

При указании промежутка между строк Вам понадобится использовать свойство line-height , значения которого могут измерятся в любых доступных единицах, однако похоже в процентах. При назначениях отступа для истока абзаца обретает применение уже text-indent , с такими бла бла значениями.

Форматирование пробелов проистекает при участии свойства white-space также трёх его значений: normal (символы нескольких пробелов преобразуются в один), pre (не будут преобразованы в один), nowrap (текст станет перенесён специальными тэгами).

Text-decoration создает дополнительные атрибуты к тексту в виде подчеркивания (underline), перечеркивания (line-through) также надчеркивания (overline).

При подмоги CSS можно форматировать также списки , независимо от их разновидностей. В значениях свойства list-style-type разрешено указывать следующее:

• disk, circle, square - маркер в виде закрашенного кружка, окружности также закрашенного квадрата соответственно для того либо иного списка.
• lower-roman также upper-roman - нумерация списка римскими цифрами малыми также внушительными размерами соответственно для прменяемого списка.
• lower-alpha также upper-alpha - нумерация строчными а также прописными латинскими буквами.
• decimal - нумерация списка, посредством CSS, арабскими цифрами.
• none - нет нумерации также маркеров для списков.

Свойство list- style -image позволяет небольшое изображение использовать в качестве маркера. Для этого задается нужно задать его адрес также имя. Пример: list-style-image: url(адрес/имя файла)

Отступ от краев регулируется свойством list- style -position посредством значений inside (увеличить) и outside (уменьшить).

Если Вы достаточно усвоили все детали учебника по форматированию текста, то запустите на своём "компе" всякий HTML-редактор. Найдите там CSS также приступайте от учебы к практичным занятиям.