¿Qué es el restablecimiento de CSS? Algunos colegas lo llaman "restablecimiento de CSS", y algunos pueden llamarlo "CSS predeterminado"...
Creo que comprenderá mejor el restablecimiento de CSS después de leer el texto completo
Dirección original...
PD:
Código del programa
.
* {
relleno: 0;
margen: 0;
}
Este es el restablecimiento de CSS más utilizado, pero aquí surgen muchos problemas.
La primera parte del artículo original habla mucho sobre Css y las diferencias en las reglas de CSS de cada navegador. El "Restablecimiento de Css" también está formulado para la compatibilidad y la unificación. El uso correcto y eficaz de "Restablecimiento de Css" puede ahorrar tiempo y dinero. hasta cierto punto.
Muchas gracias a Perishable por organizar y resumir.
La siguiente es una breve introducción a varios tipos de reinicio de CSS. El autor tiene habilidades limitadas y solo puede entender el significado general.
Restablecimiento minimalista [Versión 1]
el código del programa
que usamos con frecuencia.
* {
relleno: 0;
margen: 0;
}
Restablecimiento minimalista [Versión 2]
El diseño de border:0 es un poco poco confiable y
el código del programa
* {
relleno: 0;
margen: 0;
borde: 0;
}
Restablecimiento minimalista [Versión 3]
Por supuesto, esto no se recomienda ya que entrará en conflicto con algunos estilos predeterminados de
código de programa.
* {
contorno: 0;
relleno: 0;
margen: 0;
borde: 0;
}
Restablecimiento universal condensado
Este es un método de escritura que el autor prefiere actualmente, asegurando la unidad de estilos de navegador relativamente comunes.
código de programa
* {
alineación vertical: línea de baselínea de base;
peso de fuente: heredar;
familia de fuentes: heredar;
estilo de fuente: heredar;
tamaño de fuente: 100%;
borde: 0 ninguno;
contorno: 0;
relleno: 0;
margen: 0;
}
El reinicio del pobre
En algunos sitios se ven a menudo
códigos de programa
para restablecer el tamaño de fuente y el procesamiento de bordes de enlaces de imágenes.
html, cuerpo {
relleno: 0;
margen: 0;
}
html {
tamaño de fuente: 1em;
}
cuerpo {
tamaño de fuente: 100%;
}
una img, :enlace img, :visitada img {
borde: 0;
}
El reinicio global de Shaun Inman
El autor cree que Shaun tiene un cierto propósito al escribir este tipo de restablecimiento de CSS y que dichas reglas están dirigidas a algunos navegadores importantes de uso común, como IE, Firefox y otros
códigos de programa.
cuerpo, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
formulario, conjunto de campos, entrada, p, cita en bloque, tabla, th, td, incrustar, objeto {
relleno: 0;
margen: 0;
}
mesa {
colapso fronterizo: colapso;
espaciado de bordes: 0;
}
conjunto de campos, img, abbr {
borde: 0;
}
dirección, título, citar, código, dfn, em,
h1, h2, h3, h4, h5, h6, fuerte, th, var {
peso de fuente: normal;
estilo de fuente: normal;
}
ul {
estilo de lista: ninguno;
}
título, th {
alineación de texto: izquierda;
}
h1, h2, h3, h4, h5, h6 {
tamaño de fuente: 1,0 em;
}
q:antes, q:después {
contenido: '';
}
a, ins {
decoración de texto: ninguna;
}
Restablecimiento de CSS de Yahoo
que se puede recomendar
el código del programa
para Reset escrito por los chicos de Google.
cuerpo,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,formulario,
conjunto de campos, entrada, área de texto, p, blockquote, th, td {
relleno: 0;
margen: 0;
}
mesa {
colapso fronterizo: colapso;
espaciado de bordes: 0;
}
conjunto de campos, img {
borde: 0;
}
dirección,título,citar,código,dfn,em,strong,th,var {
peso de fuente: normal;
estilo de fuente: normal;
}
ol, ul {
estilo de lista: ninguno;
}
título, th {
alineación de texto: izquierda;
}
h1,h2,h3,h4,h5,h6 {
peso de fuente: normal;
tamaño de fuente: 100%;
}
q:antes,q:después {
contenido:'';
}
abbr,acrónimo { borde: 0;
}
Restablecimiento de CSS de Erik Meyer
código de programa
más utilizado
en la industria.
html, cuerpo, div, span, subprograma, objeto, iframe, tabla, título, tbody, tfoot, thead, tr, th, td,
del, dfn, em, fuente, img, ins, kbd, q, s, samp, pequeño, huelga, fuerte, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acrónimo, dirección, grande, citar, código,
dl, dt, dd, ol, ul, li, conjunto de campos, formulario, etiqueta, leyenda {
alineación vertical: línea de baselínea de base;
familia de fuentes: heredar;
peso de fuente: heredar;
estilo de fuente: heredar;
tamaño de fuente: 100%;
contorno: 0;
relleno: 0;
margen: 0;
borde: 0;
}
/* ¡recuerda definir estilos de enfoque */!
:enfocar {
contorno: 0;
}
cuerpo {
fondo: blanco;
altura de línea: 1;
color: negro;
}
ol, ul {
estilo de lista: ninguno;
}
/* las tablas aún necesitan espacio entre celdas="0" en el marcado */
mesa {
colapso de fronteras: separado;
espaciado de bordes: 0;
}
título, th, td {
peso de fuente: normal;
alineación de texto: izquierda;
}
/* eliminar posibles comillas (") de &
*/
blockquote:antes, blockquote:después, q:antes, q:después {
contenido: "";
}
cita en bloque, q {
citas: "" "";
}
Reinicio Meyer condensado
código del programa
Css Reset de Erik Meyer
.
cuerpo, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, formulario, conjunto de campos, entrada, área de texto, p, cita en bloque, th, td {
relleno: 0;
margen: 0;
}
conjunto de campos, img {
borde: 0;
}
mesa {
colapso fronterizo: colapso;
espaciado de bordes: 0;
}
ol, ul {
estilo de lista: ninguno;
}
dirección, título, citar, código, dfn, em, fuerte, th, var {
peso de fuente: normal;
estilo de fuente: normal;
}
título, th {
alineación de texto: izquierda;
}
h1, h2, h3, h4, h5, h6 {
peso de fuente: normal;
tamaño de fuente: 100%;
}
q:antes, q:después {
contenido: '';
}
abbr, acrónimo {
borde: 0;
}