A introdução e melhor método de processamento do estilo padrão do navegador

Recentemente, ajustei o formato da página da web para descobrir que sempre há um espaço de cerca de 10 pixels na parte inferior da página da web.

Verificou-se que há um fundo de margem: 1em;

Descobri que essa folha de estilo do agente do usuário é alguns dos estilos padrão do Stray. A solução mais fácil de ficar insatisfeita com esse estilo padrão é redesenhar os atributos desse estilo, porque a prioridade da folha de estilo do usuário é muito baixa e será coberta. O fundo da margem é definido como 0px.

Os navegadores diferentes são inconsistentes com o estilo padrão do mesmo elemento, e é por isso que temos que escrever no início do CSS* {preenchimento: 0;

Mas agora não são apenas estes. Basicamente, haverá diferenças no desempenho de dois navegadores de diferentes núcleos em certos elementos, como tamanho, seleção de fontes e estilo de indentação. Talvez uma tabela de estilo CSS muito bonita seja bem executada em um navegador.

Portanto, quando geramos as regras do estilo CSS, uma etapa obrigatória é redesenhar o estilo padrão do navegador, ou seja, o estilo padrão do navegador. Diferente do uso de* {Padding: 0;

Por exemplo, o seguinte parágrafo:

A fonte usada neste código no Internet Explorer é Times New Roman, e a fonte padrão do sistema é usada no Firefox e na Opera. Portanto, devemos definir um estilo unificado para <H1> no CSS.

No entanto, se usarmos o estilo -melhor, se usarmos* {preenchimento: 0; , etc. Alguns navegadores ignoram o redesenho deles e, mais importante, isso prejudicará seriamente a aparência desses elementos; portanto, você deve definir manualmente um valor de preenchimento e um valor de margem para eles um por um. Portanto, devemos desistir de simplesmente usar*, mas reproduza o primeiro elemento com inconsistências existentes, como corpo, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h5, h5, h6 , Pré, etc.

Ao mesmo tempo, o estilo padrão do elemento pode destruir a aparência da página. Por exemplo, os elementos <b> engrossarão o texto, <lockQuote> será o indentamento em uma seção grande, <em> inclinará o texto, etc. se você quiser solicitar a aparência do texto do texto da página. Ao mesmo tempo, às vezes exigimos a aparência desses elementos como elemento pai e podemos usar diretamente herdar para herdar do elemento pai.

Quanto a quais elementos devem ser re -conjuntos? Yahoo! fez um resumo para nós. De acordo com a sugestão do Yahoo, você precisa colocar essas regras em um arquivo chamado Reset.css sozinho (recomendo este método):

 html {color: #000; , Td {margem: 0; , Var {estilo de fonte: normal; Size da fonte: 100%;

O que você precisa fazer é simplesmente salvar essas regras no reset.css e usá -lo na página. Quando você precisa adicionar novos estilos a esses elementos, ele não é diferente da configuração de outros elementos.

O acima é o conteúdo deste artigo.