H1 тег специальный дизайн

Question

Я потратил несколько часов на поиск ответа на свой вопрос, но ничего подобного не нашел.Я закончил веб с большим количеством дизайна.Теперь я заметил, что я не использовал тег H1 на любой странице и хочу добавить тег H1 в заголовки навигации.

Итак, мой вопрос:

Как сделать так, чтобы тег H1 не имел никаких эффектов, просто чтобы он был обычным тегом в HTML без влияния стиля на текст?

Answer 1

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

h1{
 all: unset;
}

<h1>I am h1 but looks like normal p</h1>

Редактировать поддержку в IE

Вы можете переопределить стиль браузера по умолчанию с помощью !important

вот ссылки на стиль по умолчанию в каждом браузере

Например переопределить стиль IE:

h1{
font-size: 11pt;
font-weight: normal;
}

 <h1>I am h1 but looks like normal p</h1>
 
 <p>this is the default style:</p>
 display: block;
font-size: 24pt;
font-weight: bold;
margin: 14pt 0;

Answer 2

вы можете использовать тег h1 для основных заголовков и настроить его в соответствии с вашими требованиями.Нравится: -

h1{font-size: 24px;}

Answer 3

Переназначить стиль тегов h1, как вы заявили для других тегов.h1{font-size:20px !important;.....}