Значения свойств CSS по умолчанию.

Хотелось обратить ваше внимание, что даже, если мы с вами не задаем какому-то HTML элементу каких-то CSS свойств, то это не означает, что у этого элемента этих свойств не будет. В любом случае, каждому HTML элементу браузер присваивает некоторые свойства CSS со значениями по умолчанию. 

Что это значит?

Например, я создал элемент 

<p>абзац</p> 

и, как вы видите, этот абзац окрашен у нас в черный цвет, цвет текста этого абзаца у нас черный. 

Как так получилось? Откуда эта настройка, что цвет текста, для этого абзаца задан черным цветом. 

В этом очень легко убедится, что свойство CSS color для этого абзаца задано именно черным цветом, если мы воспользуемся консолью браузера, выделим этот абзац, перейдем во вкладку Computed, выберем здесь фильтр Show all (показать все) и найдем свойство color. 

Как вы видите, это свойство имеет значение в формате rgb, как черный цвет. 

Кроме того, мы можем здесь видеть различные другие свойства CSS, которые применены к этому элементу и которые имеют какие-то значения CSS свойств, которые для них установлены по умолчанию. 

Это такая особенность CSS и если вы будете пользоваться справочником, когда вы будете искать новое свойство CSS и если у вас будут сомнения, какое значение принимает то или иное свойство CSS по умолчанию, то вы можете перейти на страницу описания этого свойства, например свойство color и обратить внимание на раздел “Краткая информация”

Там имеется такая колонка, как значение по умолчанию. В этой строке, указывается то свойство, которое принимает свойство, если никаких стилей CSS, принудительно вы не задавали.

 В частном случае, для свойства color, это значение по умолчанию, зависит от настроек браузера, обычно черный цвет.

Имейте, эту особенность при работе в стиле CSS ввиду, и чтобы этот момент в дальнейшем, не вводил вас в заблуждение.


Чтобы оставить комментарий или отчет по выполнению задания, зарегистрируйтесь на сайте.