Cascading Style Sheets, ou CSS para resumir, é uma linguagem de folha de estilo escrita em uma linguagem de marcação. CSS define a apresentação, aparência e elementos de formatação de documentos da Web, como layout, cores e fontes.
A sintaxe CSS é abrangente e nem sempre é fácil saber a sintaxe exata ou todas as propriedades CSS disponíveis e os valores correspondentes. Ajudar Desenvolvedores e designers CSS , O ApeeScape criou um guia de referência rápida e o ofereceu à comunidade como um download gratuito. O guia de referência CSS inclui sintaxe CSS, os seletores, propriedades, tamanhos e unidades mais importantes e outras informações CSS úteis em um formato curto e informativo. Esperamos que você considere a folha de dicas CSS um recurso valioso.
Você também pode verificar o ApeeScape páginas de recursos para obter informações adicionais sobre Erros CSS , para Guia de contratação de CSS , Perguntas da entrevista CSS e Dicas e práticas recomendadas de CSS .
Clique aqui para baixar folha de dicas CSS
Folha de referências de CSS
| Sintaxe |
| Box Model | ||
| /* Comentários */ @tipo de mídia { selector { valor da propriedade; } } Nota: o tipo de mídia é opcional |  | |||
| Estilo Inline
| ||||
| Estilo Embutido
seletor {propriedade: valor; }
| ||||
| Folha de estilo externa
type = 'text / css' href = 'style.css' />
| Caixas | |||
| margem | margem superior | |||
| Seletores | preenchimento | tampo de enchimento | ||
| * | Todos os elementos | |||
| etiqueta | Todos os elementos de tag | fronteira | borda superior | |
| tag * | Todos os elementos dentro da tag | |||
| dia dia 2 | elementos tag2 dentro da tag | Cor da borda | border-top-color | |
| dia, dia 2 | Todos os elementos tag e tag2 | |||
| dia> dia2 | tag2 é filho de tag | estilo de borda | estilo border-top | |
| dia + dia2 | tag2 precedido por tag | |||
| .classe | Elementos com classe ‘classe’ | largura da borda | largura da borda superior | |
| tag.class | Todas as tags com classe ‘class’ | |||
| #Eu iria | Elemento com id ‘id’ | Tamanho e cores | ||
| tag # id | Tag com id ‘id’ | Tamanhos relativos | em | rem | ex | CH
vw | vh | vmin | vmax | % | |
| Pseudo-seletores | ||||
| :ativo | Adiciona estilo ao elemento ativo | Tamanhos absolutos | cm | mm | dentro
px | pt | pc | |
| :depois de | Adiciona conteúdo após o elemento | |||
| :antes | Conteúdo dos anúncios antes do elemento | Cores | Hex # ff00ff | |
| : primeira & tímida; -criança | Adiciona estilo ao primeiro filho | RGB rgb (255,0,255) | ||
| :primeira carta | Adiciona estilo ao primeiro caractere | Posicionamento | ||
| :primeira linha | Adiciona estilo à primeira linha | posição | absoluto | corrigido | parente | estático | herdar | |
| :foco | Adiciona estilo ao elemento em foco | |||
| :flutuar | Adiciona estilo quando o mouse está sobre | flutuador | esquerda | certo | nenhum | herdar | |
| :ligação | Adiciona estilo ao link não visitado | |||
| :visitou | Adiciona estilo ao link visitado | canto superior direito, | Define o deslocamento da borda | |
| Texto | ||||
| família de fontes | Especifica a família da fonte | Claro | esquerda | certo | ambos | nenhum | herdar | |
| tamanho da fonte | Especifica o tamanho da fonte | |||
| estilo de fonte | normal | itálico | oblíqua | herdar | exibição | Especifica o elemento colocado no fluxo do documento | |
| variante da fonte | normal | versalete | herdar | transbordar | visível | escondido | rolar | auto | herdar | |
| Faz -peso | normal | negrito | mais ousado | mais leve | int (100- 900) | herdar | |||
| visibilidade | visível | escondido | colapso | herdar | |||
| cor | Define a cor do texto qual é o mercado total endereçável | |||
| altura da linha | normal |int| % | herdar | z-index | auto |int| herdar | |
| alinhamento de texto | esquerda | certo | centro | justificar | herdar | Dimensões | ||
| altura | auto |int| % | herdar | |||
| texto- decoração | nenhum | sublinhar | overline | line-through | piscar | herdar | altura máxima | nenhum |int| % | herdar | |
| largura máxima | nenhum |int| % | herdar | |||
| text-indent | int| % | herdar | altura mínima | int| % | herdar | |
| texto- transformar | nenhum | capitalize | maiúsculas | letras minúsculas | herdar | largura mínima | int| % | herdar | |
| largura | auto |int| % | herdar | |||
| vertical -alinhar | int| % | linha de base | sub | super | topo | meio do topo do texto | inferior | fundo do texto | herdar | De outros | ||
| fundo | Formato: fundo (cor) (imagem) (repetir) (posição) | |||
| branco -espaço | normal | nowrap | pré | pré-linha | pré-embalagem | herdar | |||
| cursor | Defina o tipo de cursor | |||
| espaçamento entre palavras | normal | comprimento | herdar | citações | Definir tipo de aspas | |
