Авторский знак. Авторский знак. 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


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

Сведение всех свойств вместе в свойстве font в CSS.

Указание многочисленных свойств шрифта для каждого текстового элемента может стать процедурой весьма длительной и повторяющейся, поэтому создатели CSS предлагают использовать свойство font, объединяющее все связанные со шрифтами свойства в одно правило. С технической точки зрения свойство font - это не только объединенное свойство, поскольку оно позволяет авторам указывать шрифты из операционной системы пользовательского агента. Таким образом, поможет при создании и оформлении своего сайта и будет меньше вопросов: " Как создать сайт?"

Свойство font в CSS. Значения:

                          'font-style'
                          'font-variant'
                          'font-weight'
                          'font-size'
                          'line-height'
                          'font-family'
                           caption
                           icon
                           menu
                           message-box
                           small-caption
                           status-bar
                           inherit

Начальное значение: Используются значения по умолчанию, заданные для отдельных свойств. Применимо: Ко всем элементам. Наследуется Да.

При использовании свойства font как сокращенной записи нескольких свойств шрифта важен порядок указания значений свойств. Давайте правильно запишем несколько шрифтов:

                          h3 {
                             font: 1.75em sans-serif;
                             } 
                   /* минимальный список значений для font */
                    
                          h3 {
                             font: 1.75em/2 sans-serif;
                             }
                              
                          h3 {
                             font: bold 1.75em sans-serif;
                             }
                             
                          h3 {
                             font: oblique bold small-caps 1.75em Verdana, Arial, sans-serif; 
                             }

Правило может включать в себя значения для всех свойств или только для части их, но оно должно включать свойства font-size и font-family, расположенные именно в этом порядке и являющиеся двумя последними значениями списка. Пропуск одного из этих свойств или использование их не в том порядке приведет к тому, что все правило будет неверным. Следующие примеры неверны:


                     НЕВЕРНО!!!
                     
                          h3 {
                             font: sans-serif;
                             } 
                   /* пропущено свойство font-size */
                   
                    НЕВЕРНО!!!
                   
                          h3 {
                             font: 1.75em/2 sans-serif oblique;
                              } 
                   /* размер и семейство идут первыми */
                   
                    НЕВЕРНО!!!

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

                          р { 
                              font: italic 12рх/18рх Georgia, Times, Serif 
                              }

Важно знать, что, когда используете свойство font, любые свойства, которые не были в нем указаны, сбрасываются в исходное (по умолчанию) значение.

И самое главное, помните, что не полностью заполненным объединенным правилом можно случайно переписать параметры, заданные в таблице стилей ранее (установив для них значения по умолчанию).


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
... ... ...

обратно на главную     назад    дальше     вперед

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