Boa noite.
Referente ao CSS:
Caso erre a sintaxe ou o valor, mas tenha o ";" no final da linha, você terá afetado apenas essa linha do código.
Exemplo:
header{
background-c3123olor: #333; /** está errado a sintaxe, porém irá afetar apenas essa linha já que possui o ";" **/
height: 3em321321 /** Aqui está errado o valor, porém não tem o ";", logo você perderá a formatação dessa linha e a de baixo. **/
color: #006;
font-weight: 900;
}
Agora se esquecer o fechamento ou a abertura das chaves "{", perderá a formatação de toda a parte abaixo do CSS.
Exemplo:
header{
background-color: #333;
height: 3em;
color: #006;
font-weight: 900;
/** Não tem a chave "}" de fechamento do "header {", logo tudo o que vier abaixo desse ponto, não irá funcionar. Mas tudo o que estiver acima continuará funcionando.
header h1{
font-size: 2em;
display:inline-block;
vertical-align: middle;
}
header h2{
font-size: 2em;
display:inline-block;
vertical-align: middle;
}
Referente a segunda questão o ideal é passar um print do seu inspecionar elemento para entender melhor como está inspecionando.