Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - font.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство font сокращенное и устанавливает все свойства шрифта в одной декларации. Свойства, которые можно установить, являются( в порядке убывания): "font-style font-variant font-weight font-size/line-height font-family". Значения вариантов шрифта и семейство шрифтов не требуется. Если один из значений не хватает, то значения по умолчанию будет вставлена, если таковые имеются.

Внимание!!! Для свойства font имеются несколько правил применения. Когда эти условия правил не выполняются, тогда свойство font является недопустимым и полностью игнорируется:

      -значения свойств font-size и font-family являются обязательными к указанию
       размер высоты строки (line-height) должен указываться сразу после размера 
       шрифта, через косую черту (слэш) - "/"
      -когда будут устанавливаться значения свойств font-style, font-variant 
       и font-weight, тогда они должны быть определены перед font-size
       font-family определяется последним, после всех остальных свойств( значение
       inherit недопустимо к применению)

Имеются ключевые слова свойства font – это предустановленные операционной системой стили шрифта, то есть можно своими методами оформлять текст или просто достать имеющиеся стили операционной системы:

           - caption – применяются ОС для элементов управления – кнопки, ссылки, и т.п.
           - icon – предназначен для подписи значков и иконок.
           - menu – для списков меню и выпадающих списков.
           - message-box – применяется в диалоговых окнах ОС.
           - small-caption – предназначен для небольших элементов управления.
           - status-bar – стили применяются для обозначения текста в строке состояния окон ОС.
           
           
           смотрите чуть ниже на странице

Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство font, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.

Синтаксис:

  font: font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;

Описание и Использование

Значение по умолчанию: Значение по умолчанию для всех свойств шрифтов
наследует: да
анимируемых: да
Версия: CSS1
JavaScript синтаксис: object.style.font="italic small-caps bold 12px arial,sans-serif"

Свойства Значения

Значение Описание
font-style Определяет стиль шрифта. Значение по умолчанию является "normal".
font-variant Задает шрифт вариант. Значением по умолчанию является "normal".
font-weight Задает вес шрифта. Значением по умолчанию является "normal".
font-size/line-height Задает шрифт, размер и высота строки. Значением по умолчанию является "normal".
font-family Задает шрифт. Значение по умолчанию зависит от браузера.
caption Используется шрифт, который используется в заголовках элементов управления( например, кнопки, раскрывающиеся списки и др.)
icon Используется шрифт, который использует значки метки
menu Использует шрифты, которые используются в выпадающем меню
message-box Использует шрифты, используемые в диалоговых окнах
small-caption Уменьшенный вариант заголовка шрифта
status-bar Использует шрифты, которые используются в строке состояния
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.

Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
p.rr1
{
font:15px Verdana, Geneva, sans-serif;
}

p.rr2
{
font:italic bold 13px/25px Georgia,serif;
}
< /style>
< /head>

< body>
< p class="rr1">Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац.< /p>
< p class="rr2">Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац.< /p>
< /body>
< /html>

Результат программы:

Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац.

Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац. Это абзац.


"caption" – применяются ОС для элементов управления.

"icon" - предназначен для подписи значков и иконок.

"menu" - предназначен для списков меню и выпадающих списков.

"message-box" - применяется в диалоговых окнах ОС.

"small-caption" - предназначен для небольших элементов управления.

"status-bar" - применяются для обозначения текста в строке состояния окон ОС.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: