Как решить, где разместить свойство для начинающего в CSS?

Question

Я новичок в CSS. Некоторые проблемы места для объекта произошли после знакомства с CSS. Как это:

P1: проверить #menu & #menu a code is here

P2: проверить #menu a code is here

Вроде бы тот же результат для разных мест собственности, как float: right, position: relative, и т. д. либо в #menu{ } и #menu a{ } ...

Теперь я довольно смущен, когда и как решить, где разместить эти свойства в нужном месте? Может ли кто-нибудь дать мне базовую идею? :)

Answer 1

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

Если вы примените эти стили к div, вам понадобится display: block; на якоре.

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

Answer 2

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

body { 
 
    font-family: 'myriad pro', helvetica, sans-serif; 
 
    color: #444; 
 
} 
 
a { 
 
    color: #444; 
 
    text-decoration: none; 
 
} 
 
#header { 
 
    float: left; 
 
    width: 96%;/*if you use box-sizing you can put 100% */ 
 
    padding: 2%; 
 
} 
 
#logo { 
 
    float: left; 
 
} 
 
#logo h1 { 
 
    margin: 0; 
 
} 
 
#logo h1 span { 
 
    font-weight: normal; 
 
} 
 
#menu { 
 
    float: right; 
 
    margin: 0; 
 
    list-style: none; 
 
} 
 
#menu a { 
 
    border-radius: 25px; 
 
    display: block; 
 
    border: solid 2px #444; 
 
    padding: 5px 20px; 
 
    line-height: 24px; 
 
} 
 
#menu a:hover { 
 
    background: #444; 
 
    color: #fff; 
 
}

<div id="header"> 
 
    <div id="logo"> 
 
     <h1><span>d</span>tech</h1> 
 
    </div> 
 
    <ul id="menu"> 
 
     <li><a href="#"><span>Get in touch</span></a></li> 
 
    </ul> 
 
</div>