css - paginas - hojas de estilo externas
Hoja de estilo del agente de usuario que anula mi estilo de tabla? Twitter Bootstrap (5)
Estoy usando twitter bootstrap. Mi problema es que los tamaños de letra en las tablas son incorrectos. Por alguna razón, la hoja de estilo del agente de usuario está anulando los estilos de la tabla de arranque.
En la página de bootstrap de twitter ( http://twitter.github.com/bootstrap/base-css.html ) todo está funcionando, por supuesto, correctamente.
En mi inspector veo la siguiente diferencia:
Mi página:
La página de arranque de twitter:
Entonces definitivamente el problema es que la hoja de estilo del agente de usuario está anulando los estilos de arranque.
No he podido averiguar por qué esto es diferente en mi página y en la página de arranque de Twitter.
La mayoría de los otros CSS está funcionando bien.
Mi importación de CSS:
<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">
Importar CSS en la página de arranque de twitter:
<link href="assets/css/bootstrap.css" rel="stylesheet">
Compruebe si se llama o no a su CSS en las herramientas de desarrollo del navegador (presione F12) debajo de la columna de red.
Si no se llama, use sus hojas de estilo with1 rel="stylesheet" type="text/css" .
Funcionó para mí
De hecho, me di cuenta de esto. Tenía la etiqueta <!DOCTYPE html> escrita incorrectamente. Entonces, si tienes este problema, ¡asegúrate de que la declaración del tipo de documento sea correcta!
Por favor, importe docs.css en su aplicación también. Si debo decirlo, debe haberse dado cuenta de que los documentos de Twitter Bootstrap están usando bootstrap.css y un docs.css personalizado. Intenta hacerlo, que puedes descargar desde el paquete github. Luego, intente jugar con las clases de tabla en documentos. CSS sin jugar con el maestro css. O intente agregar DOCTYPE en los encabezados.
<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
Si declarar <!DOCTYPE html> desde el principio no funciona, entonces probablemente no sea la hoja de estilo del agente de usuario que lo está sacando. Puede ser que la hoja de estilos de Bootstrap anule tus estilos (he tenido este problema). Asegúrate de que tu hoja de estilo esté vinculada después de la hoja de estilos de Bootstrap en tu HTML.
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap''s -->
Tuve el mismo problema que el OP. Quería texto pequeño y encantador y alguna hoja de estilo de usuario estaba superándolo y poniendo:
font-size: medium;
Cuando yo quería:
font-size:8pt;
Puse lo siguiente en la parte superior de mi página HTML:
<!DOCTYPE html>
Todo estaba bien, un mal hábito en el que no se declara doctype en la parte superior. Todas las hojas de estilo del usuario ahora se han ido.
Para descubrir qué es lo que sobrescribe en su CSS, siempre es una buena idea inspeccionar el elemento (F12) y puede modificar y quitar atributos sobre la marcha hasta que llegue a la derecha, luego actualice su archivo CSS con él.
Sin embargo, si tiene un problema con la hoja de estilo del usuario, estos valores estarán bloqueados.