Me gustaría ver los elementos de estilo específicos que se utilizan en la hoja de estilos predeterminada para los distintos navegadores. ¿Los navegadores tienen un archivo real basado en las hojas de estilo que localizo en mi sistema y leo? Si es así, ¿cuáles son las ubicaciones predeterminadas de esos archivos? Si no, ¿dónde puedo encontrar esta información?¿Cómo puedo ubicar la hoja de estilo predeterminada para un navegador?
Algunos no lo hacen. (sobre un tema ligeramente diferente) Yo recomendaría usar una hoja de estilo de reinicio.
En Safari, el inspector web le mostrará la cascada CSS para cualquier elemento, incluidas las propiedades que fueron invalidados, todo el camino de vuelta a la CSS por defecto. Desafortunadamente, no le mostrará el nombre del archivo para ese CSS predeterminado, pero le mostrará qué propiedades se restablecieron. Espero que eso ayude un poco.
En Firefox, busque res/html.css y los otros archivos CSS en el mismo directorio.
O simplemente abra resource://gre-resources/forms.css en Firefox.
Esto puede ser tangencial al corazón de su pregunta, pero si estoy en lo cierto al adivinar por qué quiere esta información, es posible que desee consultar browsershots.org.
Browsershots hace capturas de pantalla de su diseño web en diferentes navegadores.
En otras palabras, puede ver el aspecto de su sitio web en diferentes navegadores, versiones de navegador y plataformas.
La hoja de estilo predeterminada generalmente no está disponible. Recomiendo comenzar su propia hoja de estilo con una parte de "restablecer estilos", o incluir estilos de restauración en una hoja de estilo que cargue primero. P.ej.
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/reset.css"></link>
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/general.css"></link>
Eric Meyer ("el" Eric, justo google Eric) ofrece una batalla probado y ampliamente utilizado hoja de estilos de reset aquí: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
La hoja de estilo de webkit ahora se puede encontrar en
Y la movieron de nuevo: http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css –
En Opera , en OSX, el archivo se encuentra en /Applications/Opera.app/Contents/Resources/Styles/user.css
soypunk ya mentioned la hoja de estilo UA para WebKit.
La hoja de estilo UA para Gecko (en standards mode) se compone de ua.css, forms.css y html.css. (Consulte también quirk.css para conocer el modo peculiar.)
Opera no tiene una hoja de estilo UA como un archivo .css. (User.css mencionado anteriormente no es la hoja de estilo UA Es la hoja de estilo de usuario..)
En Mozilla Firefox entrar en este enlace a la barra de direcciones: jar:file:///Applications/Firefox.app/Contents/Resources/omni.ja!/chrome/toolkit/res/
Aquí encontrará todos los estilos por defecto de Firefox.Hay hojas de estilo separadas para contadores, formularios, pantalla completa, html general, matemática, números, texto sin formato, peculiaridades, ua y viewsource.
Para una lista más completa de las hojas de estilo de agente de usuario, see here.
Utilizo reset-fonts-grids/reset-fonts-grids.css. Puedo ver lo que se restablece, también quiero ver de qué se está restableciendo cada estilo. –
Un gran punto, pero no responde a la pregunta –