Почему мой вес шрифта и межстрочный интервал не работают вне h1? - PullRequest
Новая
       1

Почему мой вес шрифта и межстрочный интервал не работают вне h1?

0 голосов
/ 06 февраля 2020

очень плохо знаком с этим и попытался несколько исправлений без успеха.

Внутри h1 все мои шрифты верны и реагируют, как и ожидалось: 

h1 {
position:relative;
left: -10px;
top: -16px;
padding: 2em;
height: 3em;
width: 100%;
background: #545454;
font-family: "Avenir Light", sans-serif;
font-size: .7em;
text-align: center;
color: darkgray}

h1 p {
    font-weight: 30;
    word-spacing: 30px;}

Но текст не не отвечает где-нибудь еще на моей странице, даже если вставить под тело, тело p, в каждый отдельный элемент ... Это сводит меня с ума! 

body {
    margin: 0, 0;
    padding: 0, 0;
    overflow-x: hidden;
    background: #765264;
    color: white;
    font-family: "Avenir Light", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}


body p {
    font-size: 1em;
    font-family: "Century Gothic";
    font-weight: 30;
    letter-spacing: 1px;
}

Странно, вставляя буквы- расстояние выше, казалось, увеличило расстояние.

Вот мой HTML, для справки: 


    <head>
        <div class="header" id="myHeader">
        <h1>
        <link rel="stylesheet" href="peytonsite.css">
        <p>
        <img src="https://static.wixstatic.com/media/058e45_e590acfd22c440f4b5c89450738f321d~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01/058e45_e590acfd22c440f4b5c89450738f321d~mv2.webp">

            <a>HOME</a>
            <a>SKILLS</a>
            <a>PORTFOLIO</a>
            <a>EXPERIANCE</a>
            <a>CONTACT</a>

        </p>
        </h1>
        </div>
    </head>

    <article>

        <section id="LANDING">
            <img id="LongLogo" src="https://static.wixstatic.com/media/058e45_0291502c1e424532bbd24f9cfd50fd1e~mv2.png/v1/fill/w_1466,h_348,al_c,q_90,usm_0.66_1.00_0.01/Long%20Logo.webp">

            <p>PASSIONATE DESIGN</p>```

Please help!

1 Ответ

2 голосов
/ 06 февраля 2020

Обновление: 30 не является допустимым весом шрифта, и ваш шрифт может не обязательно иметь выделение жирным шрифтом.

Попробуйте: font-weight: bold; или: font-weight: 300; (300 обычно не полужирный)

Несколько других идей: вам, вероятно, нужна запятая между h1 p { во втором блоке CSS.

Secondly - Ваш целевой текст в пределах <p> блок?

В целях отладки, что произойдет, если вы добавите !important к своим стилям? Это показывает, что вы хотите?

Что произойдет, если вы удалите блок h1 p { ... и добавите его внизу вашего CSS? 

   p {
    font-weight: 300!important;
    word-spacing: 30px!important;}

Если ничего не изменится, Я подозреваю, что у вас нет правильных CSS селекторов.

Вот кодовая ручка вашего CSS, правильно применяющего

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...