reseter - Webkit CSS Reset?
reset css html5 (5)
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;
}
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.
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!
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.
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.
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é ...