Início / computer / Perguntas / 1715811
Accepted
WGroleau
Asked: 2022-04-12 15:32:55 +0800 CST

Navegadores ignorando CSS?

  • 772

Eu tenho isso em um arquivo CSS:

p {
    margin: 50;
    font-family: 'Lucida Grande', Verdana, sans-serif;
    font-size: 50px;
}

No MacOS, o Safari honrou a margem, mas ignorou a família de fontes e o tamanho da fonte. Eu tentei no Firefox, e a família de fontes e a margem foram honradas. Mudou "50" para "150" em ambos os lugares, e em ambos os navegadores abriu o próprio arquivo CSS (ou seja, fez o navegador exibir o conteúdo real) e clicou em atualizar. Viu o conteúdo mudar. Fui para a página HTML e cliquei em atualizar. Nenhum dos lados mudou.

Fechou os dois navegadores, moveu CSS e HTML para um URI diferente. Abriu o Safari e removeu todo o cache e cookies. Abriu o Firefox e apontou os dois navegadores para o novo local. Nenhuma alteração na família de fontes, margem ou tamanho da fonte.

Não há estilo embutido no HTML. Não há outras menções a esses três atributos no CSS.

Há algo errado com minha sintaxe CSS?

(Tentei colocar isso no superusuário SE, mas o captcha está quebrado.)

fonts safari

1 respostas

  1. Best Answer

    Unidades? Eu suponho que você quer px.

    p {
    margin: 50px;
    font-family: 'Lucida Grande', Verdana, sans-serif;
    font-size: 50px;
}

    em, ex, %, px, cm, mm, in, pt, pc, ch, rem, vh, vw, ect são unidades possíveis.

    O estilo inline seria (mas por favor não):

    <p style="margin: 50px;">...</p>

    Para facilitar a leitura (e pelo amor à humanidade) do documento (usar o estilo inline significa que a pessoa que estiver olhando o código, se precisar alterá-lo, gastará muito tempo descobrindo), o estilo inline quase nunca deve ser usado.

    Nas margens existem margens recolhíveis que às vezes ou em algumas circunstâncias não. Tenho pena de qualquer um que tente depurar as margens com elas sendo definidas via estilo embutido.

    • 0

relate perguntas