Fundação Referência CSS
defaults Fundação
Fundação para usar o tamanho padrão do navegador da fonte ( font-size:100% ). Para a maioria dos dispositivos navegador de desktop, o tamanho da fonte padrão é 16px. Para o navegador para dispositivos móveis, o tamanho da fonte padrão é 12px. A fonte padrão é "Helvetica Neue" , faltas line-height para 1.5 .
Essas configurações são aplicadas a <body> elemento dentro do elemento.
Além disso, <p> elemento exterior e a parte inferior da distância (margem de fundo) é 1.25rem, linha-altura de 1,6.
texto
Os seguintes elementos HTML, Fundação criou um estilo separada tornando-a não usar o estilo padrão do navegador. Clique em "tentar" para ver exemplo online.
| elemento | descrição | exemplos on-line |
|---|---|---|
| <H1> - <h6> | rubricas h6 - h1 | tentar |
| <a> | links azuis luz, mova o mouse para o link será sublinhado | tentar |
| <Small> | Luz de legendas de texto cinza | tentar |
| <Blockquote> | módulo Citation | tentar |
| <STRONG> | O texto em negrito | tentar |
| <Em> | itálico | tentar |
| <Abbr> | Especifique a palavra abreviatura, use o elemento aparece pontilhada texto sublinhado, mova o mouse para cima solicitará | tentar |
| <Kbd> | Receber comandos de entrada do teclado: Ctrl + P | tentar |
| <Hr> | nível | tentar |
| <Código> | fragmento | tentar |
| <Ul> | lista não ordenada | tentar |
| <Ol> | Lista ordenada | tentar |
| <Dl> | Lista descritivo | tentar |
Alinhamento de texto
Use classe CSS para modificar o alinhamento do texto:
| categoria | descrição | Exemplos |
|---|---|---|
| .text-esquerda | texto alinhado à esquerda | tentar |
| .text com o botão direito | texto alinhado à direita | tentar |
| .text-center | centro | tentar |
| .text-justify | justificadas | tentar |
Alinhar diferentes tamanhos de tela
Use classe CSS para modificar o alinhamento do texto de diferentes tamanhos de tela:
| categoria | descrição | Exemplos |
|---|---|---|
| esquerda | ||
| -.small-Texto da esquerda | Todo o tamanho tela para a esquerda | tentar |
| .small-somente de texto à esquerda | Pequeno ecrã Esquerda (largura inferior a 40em) | tentar |
| -.medium-Texto da esquerda | Largura é maior do que o tamanho da tela 40.0625em Esquerda | tentar |
| .medium-somente de texto à esquerda | largura 40.0625em alinhada à esquerda do tamanho 64em tela | tentar |
| -.large-Texto da esquerda | Largura é maior do que o tamanho da tela 64.0625em Esquerda | tentar |
| .large-somente de texto à esquerda | largura 64.0625em alinhada à esquerda do tamanho 90em tela | tentar |
| -.xlarge-Texto da esquerda | Largura é maior do que o tamanho da tela 90.0625em Esquerda | tentar |
| .xlarge-somente de texto à esquerda | largura 90.0625em alinhada à esquerda do tamanho 120em tela | tentar |
| -.xxlarge-Texto da esquerda | Largura é maior do que o tamanho da tela 120em Esquerda | tentar |
| alinhar à direita | ||
| .small-text-direita | Todas as dimensões da tela justificada com o botão direito | tentar |
| .small-somente de texto com o botão direito | tela pequena alinhamento à direita (largura inferior a 40em) | tentar |
| .medium-text-direita | Largura maior do que o tamanho do 40.0625em alinhado à direita da tela | tentar |
| .medium-somente de texto com o botão direito | width 40.0625em alinhado ao tamanho 64em tela direita | tentar |
| .large-text-direita | Largura maior do que o tamanho do 64.0625em alinhado à direita da tela | tentar |
| .large-somente de texto com o botão direito | width 64.0625em alinhado ao tamanho 90em tela direita | tentar |
| .xlarge-text-direita | Largura maior do que o tamanho do 90.0625em alinhado à direita da tela | tentar |
| .xlarge-somente de texto com o botão direito | width 90.0625em alinhado ao tamanho 120em tela direita | tentar |
| .xxlarge-text-direita | Largura maior do que o tamanho do 120em alinhado à direita da tela | tentar |
| alinhar | ||
| .small-text-centro | Alinhar todos os tamanhos de tela | tentar |
| .small-só de texto-center | O pequeno tamanho da tela centrado (largura inferior a 40em) | tentar |
| .medium-text-centro | Largura maior do que o tamanho da tela centrado 40.0625em | tentar |
| .medium-só de texto-center | 40.0625em largura para tamanhos de tela 64em centrado | tentar |
| .large-text-centro | Largura maior do que o tamanho da tela centrado 64.0625em | tentar |
| .large-só de texto-center | 64.0625em largura para tamanhos de tela 90em centrado | tentar |
| .xlarge-text-centro | Largura maior do que o tamanho da tela centrado 90.0625em | tentar |
| .xlarge-só de texto-center | 90.0625em largura para 120em tamanhos de tela centrada | tentar |
| .xxlarge-text-centro | Largura maior do que o tamanho da tela centrado 120em | tentar |
| justificadas | ||
| .small-text-justificar | Todos os tamanhos de tela são justificados | tentar |
| .small-only-text-justificar | Justificar o pequeno tamanho da tela (largura inferior a 40em) | tentar |
| .medium-text-justificar | Largura é maior do que o tamanho da tela 40.0625em Justificar | tentar |
| .medium-only-text-justificar | Alinhe as duas extremidades da largura da tela ao tamanho 64em 40.0625em | tentar |
| .large-text-justificar | Largura é maior do que o tamanho da tela 64.0625em Justificar | tentar |
| .large-only-text-justificar | Alinhe as duas extremidades da largura da tela ao tamanho 90em 64.0625em | tentar |
| .xlarge-text-justificar | Largura é maior do que o tamanho da tela 90.0625em Justificar | tentar |
| .xlarge-only-text-justificar | Alinhar ambas as extremidades da largura da tela de tamanho 90.0625em 120em | tentar |
| .xxlarge-text-justificar | Largura é maior do que o tamanho da tela 120em Justificar | tentar |
outro
| categoria | descrição | Exemplos |
|---|---|---|
| .Left | Deixou-flutuante elemento | tentar |
| .right | elementos direito do flutuante | tentar |
| .clearfix | Limpar float - deve ser adicionado ao elemento elemento pai flutuante | |
| .hide | elemento oculto (a CSS display: none ) | tentar |
| .list-inline | Todos os elementos dispostos na mesma fileira | tentar |
| .lead | Vamos <p> elemento é mais proeminente | tentar |
| .subheader | Definir cor de luz <h1> - <h6> Elementos | tentar |