Fundación CSS Referencia
los valores predeterminados de la Fundación
Fundación para utilizar el tamaño por defecto del navegador de fuente ( font-size:100%
). Para la mayoría del dispositivo navegador de escritorio, el tamaño de fuente por defecto es de 16 píxeles. Para el navegador para dispositivos móviles, el tamaño de fuente por defecto es 12 píxeles. La fuente predeterminada es "Helvetica Neue"
, incumplimientos line-height a 1.5
.
Estos valores se aplican a <body>
dentro del elemento.
Además, <p>
elemento exterior y la parte inferior de la distancia (margen inferior) es 1.25rem, línea de altura de 1,6.
texto
Los siguientes elementos HTML, Fundación establecieron un estilo independiente que haga que no utilizará el estilo por defecto del navegador. Haga clic en "probar" para ver ejemplo en línea.
elemento | descripción | ejemplos en línea |
---|---|---|
<H1> - <h6> | encabezamientos h6 - h1 | probar |
<a> | Luz enlaces azules, mueva el ratón para el enlace se subrayarán | probar |
<Small> | Luz de subtítulos de texto gris | probar |
<Blockquote> | módulo de la citación | probar |
<Strong> | El texto en negrita | probar |
<Em> | cursiva | probar |
<Abbr> | Especificar la palabra abreviatura, utilice el elemento aparecerá punteada texto subrayado, mueva el ratón hacia arriba le pedirá | probar |
<Kbd> | Recibe comandos de entrada de teclado: CTRL + P | probar |
<Hr> | nivel | probar |
<Código> | fragmento | probar |
<Ul> | lista desordenada | probar |
<Ol> | Lista ordenada | probar |
<Dl> | Lista descriptiva | probar |
Alineación de texto
Utilice la clase CSS para modificar la alineación del texto:
categoría | descripción | Ejemplos |
---|---|---|
.text-izquierda | texto alineado a la izquierda | probar |
.text derecha | texto alineado a la derecha, | probar |
.text-centro | centro | probar |
.text-justificar | justificado | probar |
Alinear diferentes tamaños de pantalla
Utilice la clase CSS para modificar la alineación del texto de diferentes tamaños de pantalla:
categoría | descripción | Ejemplos |
---|---|---|
izquierda | ||
.small de conversión de texto a la izquierda | Todo el tamaño de pantalla de la izquierda | probar |
.small de sólo-texto-izquierda | Pequeña pantalla izquierda (anchura inferior a 40em) | probar |
.medium de conversión de texto a la izquierda | El ancho es mayor que el tamaño de la pantalla 40.0625em izquierda | probar |
.medium de sólo-texto-izquierda | anchura 40.0625em alineado a la izquierda de la 64em tamaño de la pantalla | probar |
.large de conversión de texto a la izquierda | El ancho es mayor que el tamaño de la pantalla 64.0625em izquierda | probar |
.large de sólo-texto-izquierda | anchura 64.0625em alineado a la izquierda de la 90em tamaño de la pantalla | probar |
.xlarge de conversión de texto a la izquierda | El ancho es mayor que el tamaño de la pantalla 90.0625em izquierda | probar |
.xlarge de sólo-texto-izquierda | anchura 90.0625em alineado a la izquierda de la 120em tamaño de la pantalla | probar |
.xxlarge de conversión de texto a la izquierda | El ancho es mayor que el tamaño de la pantalla izquierda 120em | probar |
alinear a la derecha | ||
.small-texto de derecha | Todas las dimensiones de la pantalla justificado a la derecha | probar |
.small de sólo-texto de derecha | Pantalla pequeña alineación a la derecha (anchura inferior a 40em) | probar |
.medium-texto de derecha | Anchura mayor que el tamaño de la pantalla 40.0625em alineado a la derecha | probar |
.medium de sólo-texto de derecha | anchura 40.0625em alineado a la derecha 64em tamaño de la pantalla | probar |
.large-texto de derecha | Anchura mayor que el tamaño de la pantalla 64.0625em alineado a la derecha | probar |
.large de sólo-texto de derecha | anchura 64.0625em alineado a la derecha 90em tamaño de la pantalla | probar |
.xlarge-texto de derecha | Anchura mayor que el tamaño de la pantalla 90.0625em alineado a la derecha | probar |
.xlarge de sólo-texto de derecha | anchura 90.0625em alineado a la derecha 120em tamaño de la pantalla | probar |
.xxlarge-texto de derecha | Anchura mayor que el tamaño de la pantalla 120em alineado a la derecha | probar |
alinear | ||
.small-texto-centro | Alinear todos los tamaños de pantalla | probar |
.small de sólo-texto-centro | El pequeño tamaño de la pantalla de centrado (anchura menor que 40em) | probar |
.medium-texto-centro | Anchura mayor que el tamaño de la pantalla de centrado 40.0625em | probar |
.medium de sólo-texto-centro | 40.0625em ancho de tamaños de pantalla centrada 64em | probar |
.large-texto-centro | Anchura mayor que el tamaño de la pantalla de centrado 64.0625em | probar |
.large de sólo-texto-centro | 64.0625em ancho de tamaños de pantalla centrada 90em | probar |
.xlarge-texto-centro | Anchura mayor que el tamaño de la pantalla de centrado 90.0625em | probar |
.xlarge de sólo-texto-centro | 90.0625em anchura de 120em tamaños de pantalla centrada | probar |
.xxlarge-texto-centro | Anchura mayor que el tamaño de la pantalla de centrado 120em | probar |
justificado | ||
.small de texto justifica | Todos los tamaños de pantalla están justificadas | probar |
.small de sólo-texto-justifica | Justificar el pequeño tamaño de la pantalla (anchura inferior a 40em) | probar |
.medium de texto justificar | El ancho es mayor que el tamaño de la pantalla 40.0625em Justificar | probar |
.medium de sólo-texto-justificar | Alinear los dos extremos de la anchura de la pantalla al tamaño 64em 40.0625em | probar |
.large de texto justificar | El ancho es mayor que el tamaño de la pantalla 64.0625em Justificar | probar |
.large de sólo-texto-justificar | Alinear los dos extremos de la anchura de la pantalla al tamaño 90em 64.0625em | probar |
.xlarge de texto justificar | El ancho es mayor que el tamaño de la pantalla 90.0625em Justificar | probar |
.xlarge de sólo-texto-justificar | Alinear ambos extremos de la anchura de la 90.0625em tamaño de la pantalla a 120em | probar |
.xxlarge de texto justificar | El ancho es mayor que el tamaño de la pantalla 120em Justificar | probar |
otro
categoría | descripción | Ejemplos |
---|---|---|
.left | elemento flotante a la izquierda | probar |
.RIGHT | elementos de la derecha de flotación | probar |
.clearfix | Claro flotador - debe añadirse a los citados componentes de matriz flotante | |
.hide | elemento oculto (el CSS display: none ) | probar |
.list-inline | Todos los elementos dispuestos en la misma fila | probar |
.Lead | Deje <p> elemento es más prominente | probar |
.subheader | Ajuste de color claro <h1> - <h6> elementos | probar |