reseter - Webkit CSS Reset?

reset css html5

Question

Sé que hay algunas herramientas de Restablecimiento CSS, Eric''s y Yahoo para nombrar 2.
Sin embargo, cuando estoy usando ciertas etiquetas (¿creo que se llaman etiquetas?) Como "li" y "ul", obtengo algunos extras en la hoja de estilo del agente de usuario. Algunos de estos son:

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

Me pregunto si hay una hoja de estilo de reinicio por ahí que se ocupe de -webkit, etc.
He buscado uno, pero ahora tengo suerte.

Answer 1

De hecho, si está trabajando con <ul> en su marcado el margin: 0, padding: 0; reinicio margin: 0, padding: 0; no sobrescribir el -webkit-padding-start: 40px;

Resolví el problema añadiendo a mi archivo de reinicio una

ul {
-webkit-padding-start: 0px;
}

Answer 2

Estaba teniendo el mismo problema con mi etiqueta <h3> . Intenté establecer el margin:0; , pero no funcionó.

Descubrí que habitualmente estaba comentando líneas en mi CSS usando // . Nunca lo noté porque no había causado ningún problema antes. Pero cuando usé // en la línea antes de declarar <h3> , causó que el navegador omita la declaración por completo. Cuando intercambié // por /**/ pude ajustar el margen.

Moraleja de esta historia: ¡utilice siempre la sintaxis de comentarios adecuada!

Answer 3

Si bien Webkit aplica estos estilos, están marginados por el margin: 0; padding: 0; margin: 0; padding: 0; ubicado en el CSS se restablece. No tienes que preocuparte por ellos.

Nota: Aunque las Herramientas para desarrolladores de Chrome (Versión 27.0.1453.116 m) no muestran los estilos del agente de usuario con tachado, los estilos calculados reflejan que los valores explícitos de margin y padding reemplazan.

Answer 4

Si se llama a la user agent stylesheet , se debe a que la propiedad que se solicita / necesitó no se definió correctamente en su hoja de estilo css.

Error al verificar su CSS usando una herramienta como CSS Lint y corregir cualquier problema que pueda detectarse antes de intentar soluciones provisionales.

Answer 5

Tuve el mismo problema con li y ul , y encontré la siguiente solución: en mi CSS, tenía un atributo para el li de mi lista que era display: inline . Lo reemplacé con float: left y funciona. No sé por qué ...