Latest web development tutorials

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