O que é redefinição de CSS? Alguns colegas chamam isso de "redefinição de css" e alguns podem chamá-lo de "css padrão"...
Acredito que você terá uma nova compreensão do Css Reset depois de ler o texto completo
...
PS:
Código do programa
.
* {
preenchimento: 0;
margem: 0;
}
Este é o Css Reset mais comumente usado, mas há muitos problemas aqui.
A primeira parte do artigo original fala muito sobre Css e as diferenças nas regras de CSS de cada navegador. O "Css Reset" também é formulado para compatibilidade e unificação. O uso correto e eficaz de "Css Reset" pode economizar tempo e dinheiro. até certo ponto.
Muito obrigado a Perishable por organizar e resumir.
A seguir, uma breve introdução a vários tipos de redefinição de CSS. O autor tem habilidades limitadas e só consegue entender o significado geral.
Redefinição minimalista [versão 1]
o código do programa
que usamos com frequência.
* {
preenchimento: 0;
margem: 0;
}
Redefinição minimalista [versão 2]
O design de border:0 não é confiável e
o código do programa
* {
preenchimento: 0;
margem: 0;
borda: 0;
}
Redefinição minimalista [versão 3]
Obviamente, isso não é recomendado, pois entrará em conflito com alguns estilos padrão de
código de programa.
* {
contorno: 0;
preenchimento: 0;
margem: 0;
borda: 0;
}
Reinicialização universal condensada
Este é um método de escrita preferido pelo autor atualmente, garantindo a unidade de estilos de navegador relativamente comuns.
código do programa
* {
alinhamento vertical: linha de base;
peso da fonte: herdar;
família de fontes: herdar;
estilo da fonte: herdar;
tamanho da fonte: 100%;
borda: 0 nenhum;
contorno: 0;
preenchimento: 0;
margem: 0;
}
Reinicialização do pobre homem
Códigos de programa
para redefinir o tamanho da fonte e o processamento de bordas de links de imagens são frequentemente vistos em alguns sites.
html, corpo {
preenchimento: 0;
margem: 0;
}
HTML {
tamanho da fonte: 1em;
}
corpo {
tamanho da fonte: 100%;
}
a img, :link img, :visited img {
borda: 0;
}
A redefinição global de Shaun Inman
O autor acredita que Shaun tem um certo propósito ao escrever este tipo de Css Reset e que tais regras são destinadas a alguns navegadores importantes e comumente usados, como IE, Firefox e outros
códigos de programas.
corpo, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pré,
formulário, conjunto de campos, entrada, p, blockquote, tabela, th, td, incorporar, objeto {
preenchimento: 0;
margem: 0;
}
mesa {
colapso da fronteira: colapso;
espaçamento entre fronteiras: 0;
}
conjunto de campos, img, abbr {
borda: 0;
}
endereço, legenda, citar, código, dfn, em,
h1, h2, h3, h4, h5, h6, forte, th, var {
peso da fonte: normal;
estilo de fonte: normal;
}
você {
estilo de lista: nenhum;
}
legenda, o {
alinhamento de texto: esquerda;
}
h1, h2, h3, h4, h5, h6 {
tamanho da fonte: 1,0em;
}
q:antes, q:depois {
contente: '';
}
a, ins {
decoração de texto: nenhuma;
}
Redefinição de CSS do Yahoo
o código do programa
para Reset escrito pelo pessoal do Google pode ser recomendado.
corpo,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pré,formulário,
fieldset,input,textarea,p,blockquote,th,td {
preenchimento: 0;
margem: 0;
}
mesa {
colapso da fronteira: colapso;
espaçamento entre fronteiras: 0;
}
conjunto de campos,img {
borda: 0;
}
endereço, legenda, citar, código, dfn, em, forte, th, var {
peso da fonte: normal;
estilo de fonte: normal;
}
olá,ul {
estilo de lista: nenhum;
}
legenda,th {
alinhamento de texto: esquerda;
}
h1,h2,h3,h4,h5,h6 {
peso da fonte: normal;
tamanho da fonte: 100%;
}
q:antes,q:depois {
contente:'';
}
abbr,acrônimo { borda: 0;
}
Redefinição de CSS de Erik Meyer
O autor reorganizou o código de Erik Meyer, mas a função ainda é a mesma. Este conjunto de Css Reset é o
código de programa
mais comumente usado na indústria.
html, corpo, div, span, miniaplicativo, objeto, iframe, tabela, legenda, tbody, tfoot, thead, tr, th, td,
del, dfn, em, fonte, img, ins, kbd, q, s, samp, pequeno, strike, forte, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pré, a, abbr, acrônimo, endereço, grande, citar, código,
dl, dt, dd, ol, ul, li, fieldset, formulário, rótulo, legenda {
alinhamento vertical: linha de base;
família de fontes: herdar;
peso da fonte: herdar;
estilo da fonte: herdar;
tamanho da fonte: 100%;
contorno: 0;
preenchimento: 0;
margem: 0;
borda: 0;
}
/* lembre-se de definir estilos de foco */!
:foco {
contorno: 0;
}
corpo {
fundo: branco;
altura da linha: 1;
cor: preto;
}
olá, ul {
estilo de lista: nenhum;
}
/* tabelas ainda precisam de cellpacing="0" na marcação */
mesa {
colapso da borda: separado;
espaçamento entre fronteiras: 0;
}
legenda, th, td {
peso da fonte: normal;
alinhamento de texto: esquerda;
}
/* remove possíveis aspas (") de <q> e <blockquote> */
blockquote:antes, blockquote:depois, q:antes, q:depois {
contente: "";
}
citação em bloco, q {
citações: "" "";
}
Redefinição de Meyer condensada
Em geral, esta é uma modificação e melhoria do código do programa Css Reset de Erik Meyer
.
corpo, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pré, formulário, conjunto de campos, entrada, área de texto, p, blockquote, th, td {
preenchimento: 0;
margem: 0;
}
conjunto de campos, img {
borda: 0;
}
mesa {
colapso da fronteira: colapso;
espaçamento entre fronteiras: 0;
}
olá, ul {
estilo de lista: nenhum;
}
endereço, legenda, citar, código, dfn, em, forte, th, var {
peso da fonte: normal;
estilo de fonte: normal;
}
legenda, o {
alinhamento de texto: esquerda;
}
h1, h2, h3, h4, h5, h6 {
peso da fonte: normal;
tamanho da fonte: 100%;
}
q:antes, q:depois {
contente: '';
}
abr, sigla {
borda: 0;
}