html - paginas - hojas de estilo externas
¿Cómo puedo encontrar la hoja de estilo predeterminada para un navegador? (10)
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?
Algunos no lo hacen. (sobre un tema ligeramente diferente) Yo recomendaría usar una hoja de estilo de reinicio.
En Firefox, busque res / html.css y los otros archivos CSS en el mismo directorio.
O simplemente abra el resource://gre-resources/forms.css en Firefox.
En Mozilla Firefox ingrese este enlace al campo de dirección: jar:file:///Applications/Firefox.app/Contents/Resources/omni.ja!/chrome/toolkit/res/
Aquí encontrarás todos los estilos predeterminados para 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 obtener una lista más completa de hojas de estilo de agente de usuario, consulte aquí .
En Opera, en OSX, el archivo se encuentra en /Applications/Opera.app/Contents/Resources/Styles/user.css
En Safari, Web Inspector le mostrará la cascada de CSS de cualquier elemento, incluidas las propiedades que fueron anuladas, hasta el CSS predeterminado. 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.
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 a browsershots.org .
Browsershots realiza capturas de pantalla de su diseño web en diferentes navegadores.
En otras palabras, puede ver cómo se ve su sitio web en muchos navegadores, versiones de navegador y plataformas diferentes.
Inspeccione los elementos html en el navegador y encuentre las reglas css en la parte inferior derecha. Encontrará estilos de agente de usuario o estilos de navegador (en Firefox llamado html.css). copie la ubicación del archivo y ábralo en la pestaña - allí lo tiene.
Hojas de estilo predeterminadas de ubicación
Firefox - resource: //gre-resources/html.css
Chrome: https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css
puedes encontrar para otros
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 ("the" Eric, just google Eric ) ofrece una hoja de estilo de reinicio ampliamente probada y probada en batalla aquí: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
soypunk ya mentioned la hoja de estilo de UA para WebKit.
La hoja de estilo UA para Gecko (en modo estándar ) consta de ua.css , forms.css y html.css . (Véase también quirk.css para el modo peculiar).
Opera no tiene una hoja de estilo UA como un archivo .css. (user.css mencionado previamente no es la hoja de estilo UA. Es la hoja de estilo del usuario).