В данном мануале хочется рассмотреть одно свойство, что на прямую работает с web-документом, а также с данными элементами. А это создавать или изменять внешний вид заданного описание под ключевые фразы под определенные свойства. И сразу рассмотрим один из популярных примеров, это изменение палитры цвета для текста, где нужно задействовать CSS свойства.
А также его положение иди изменение шрифта, а также множество различных изменений. Как известно, что на каждом портале или блоге имеются по умолчанию функции, но они основаны на стандартных свойствах. Это поменять оттенок у текста или увеличить его, что основном делается под ключевые фразы.
font-size
font-size - это свойство, что задает вами размер текстуры под указанную единицу измерения, так как задействовано для работы с текстом.
Ведь можно вписать несколько оригинальных значений, что изменят вид шрифта: px, pt, em, % и прочее.
[info]В качестве сравнения: 12pt=16px=1em=100%[/info]
Стандарт W3 (WorldWideWeb) здесь присутствует рекомендация для вывода на экран лишь указывать em, px, %.
Код
#fs1em { font-size: 1em; }
text-decoration
text-decoration - данное свойство идет для декорация или оформление текста, которое имеет несколько важных значений.
Список установленных значений
1. none - здесь нет оформление или просто декорация под данный элемент отсутствует.
2. blink- создает мигающею текстуру знаков, где раз в секунду пропадает с дальнейшем появлением на данном месте. Устаревшая установка, по эстетическим соображениям используется всё реже и реже.
3. line-through - будет перечёркивает заданный текст.
4. overline - здесь под текстом задаем линию.
5. underline - если вам необходимо подчеркнуть текст, основном задействуют для обозначения ссылок.
Как правило, что в большинстве задействуют underline, что идет под обозначение ссылок, как элемент < a >. В данном примере, что представлено ниже, у всех ссылок убирается заданное по умолчанию нижнее подчёркивание, но при наведении курсора на них оно опять будет появляется.
СCS
Код
a { text-decoration: none; } a:hover { text-decoration: underline; }
Если ставить на сайт, то данное решение работает по всему ресурсу. Лучше создать класс, где хотите видеть подчеркивание, и под него можно ставить стили.
font-weight
font-weight - данное свойство отвечает за насыщенность текста, как жирность его очертания. Если рассматривать значение, то здесь можно задействовать данные величины, которые идут от 100 до 900 с интервалом в 100, то есть 100, 200, 300 ... 900. Где 900 — жирное начертание, 100 — соответственно светлое начертание.
[info]Внимание! Нужно изначально понимать, что многие шрифты будут доступны не все всех значений. Ведь в большинстве современные делают начертания, например, 300-400-700. И по этой причине у вас может не сработать установочный процесс с данным шрифтом. То здесь не нужно переживать, а просто попробовать другие интервалы.[/info]
Список установленных значений
bold - полужирное начертание.
bolder - жирное начертание, где на многих шрифтах либо не работает, либо отображает аналогично bold)
lighter - светлое начертание
normal - стандартное, обычное начертание.
Не забываем, что помимо установленных значений или которые идут по умолчанию в стандартном виде, также можно использовать числовые единицы.
СCS
Код
#bold { font-weight: bold; }
или
Код
#bold { font-weight: 900; }
Переходим к четвертому значению!
font-style
font-style - данное свойство будет определять тип написания текста, как стандартное, наклонное или курсивное.
normal - обычное начертание текста.
italic - курсивное начертание.
oblique - наклонное начертание.
[info]Здесь видим, что курсивное и наклонное начертание в большинстве схоже с друг другом, но все таки они кардинально отличаются. Если курсив изначально задуман как начертание, имитирующее рукописный текст, то наклонный текст появляется при наклоне, где обычно знаки наклонены по правую сторону.[/info]
СCS
Код
#italic { font-style: italic; }
На этом все, надеюсь пригодится при оформление текста, который бы при открытие страницы сайта или самого портала бросался в глаза, вообщем был замечен.
