---
title: Referência de CSS
slug: Web/CSS/Reference
translation_of: Web/CSS/Reference
original_slug: Web/CSS/CSS_Reference
---
{{CSSRef}}

<p>Use esta <strong>referência de CSS</strong> para navegar por um índice alfabético das propriedades padrão do <a href="/en/CSS" title="CSS">CSS</a>, <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-classes</a>, <a href="/en/CSS/Pseudo-elements" title="Pseudo-elements">pseudo-elementos</a>, tipos de dados e <a href="/en/CSS/At-rule" title="At-rule">@-rules</a>.</p>

<p>Esta referência lista não somente as propriedades do CSS1 e CSS2.1, mas também referências para qualquer propriedade, conceito padronizado ou estabilizado do CSS3.</p>

<p>Veja também <a href="/en/CSS/CSS_Reference/Mozilla_Extensions" title="en/CSS_Reference/Mozilla_Extensions">Extensões CSS Mozilla </a>para propriedades específicas do Gecko prefixadas com <code>-moz</code> e <a href="/en/CSS/CSS_Reference/Webkit_Extensions" title="WebKit extensions">Extensões CSS do WebKit</a> para propriedades específicas do WebKit. Veja <a class="external" href="http://peter.sh/experiments/vendor-prefixed-css-property-overview/">Visão geral de propriedades CSS prefixadas por distribuidor</a> por Peter Beverloo para todas as propriedades prefixadas.</p>

<p>{{ CSS_Ref() }}</p>

<h2 id="Seletores">Seletores</h2>

<ul>
 <li>Seletores básicos
  <ul>
   <li><a class="internal" href="/en/CSS/Type_selectors" title="en/CSS/Type selectors">Seletores de tipo</a> <code>elementname</code></li>
   <li><a class="internal" href="/En/CSS/Class_selectors" title="en/CSS/Class selectors">Seletores de classe</a>  <code>.classname</code></li>
   <li><a class="internal" href="/En/CSS/ID_selectors" title="en/CSS/ID selectors">Seletores de ID</a>  <code>#idname</code></li>
   <li><a class="internal" href="/en/CSS/Universal_selectors" title="en/CSS/Universal selectors">Seletores universais</a> <code>*  ns|*  *|*</code></li>
   <li><a class="internal" href="/en/CSS/Attribute_selectors" title="en/CSS/Attribute selectors">Seletores de atributo</a>
    <ul style="-moz-column-width: 14em; -webkit-columns: 14em; margin: 0; padding: 0; list-style-type: none;">
     <li><code>[attribute]</code></li>
     <li><code>[attribute="value"]</code></li>
     <li><code>[attribute~="value"]</code></li>
     <li><code>[attribute|="value"] </code></li>
     <li><code>[attribute^="value"]</code></li>
     <li><code>[attribute$="value"]</code></li>
     <li><code>[attribute*="value"] </code></li>
     <li><code>[ns|attribute]</code></li>
    </ul>
   </li>
  </ul>
 </li>
 <li>Combinadores
  <ul>
   <li><a class="internal" href="/en/CSS/Adjacent_sibling_selectors" title="en/CSS/Adjacent sibling selectors">Combinadores equivalentes adjacentes</a> <code>A + B</code></li>
   <li><a class="internal" href="/En/CSS/General_sibling_selectors" title="en/CSS/General sibling selectors">Combinadores equivalentes gerais</a> <code>A ~ B</code></li>
   <li><a class="internal" href="/en/CSS/Child_selectors" title="en/CSS/Child selectors">Combinadores filhos</a> <code>A &gt; B</code></li>
   <li><a class="internal" href="/en/CSS/Descendant_selectors" title="en/CSS/Descendant selectors">Combinadores descendentes</a> <code>A B</code></li>
  </ul>
 </li>
 <li><a class="internal" href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">Pseudo-elementos</a></li>
 <li><a href="/en/CSS/Pseudo-classes" title="Pseudo-classes"><span class="internal">Pseudo-classes</span></a></li>
</ul>

<h2 id="Miscelânea">Miscelânea</h2>

<ul>
 <li>{{ Cssxref("Comments") }}</li>
 <li><a class="internal" href="/en/CSS/Media_queries" title="En/CSS/Media queries">Consultas de mídias</a></li>
 <li><a href="/en/CSS_Counters" title="CSS Counters">Contadores</a></li>
 <li><a href="/en/CSS/Using_CSS_gradients" title="Using gradients">Gradientes</a></li>
 <li><a href="/En/CSS/Using_CSS_transforms" title="https://developer.mozilla.org/En/CSS/Using_CSS_transforms">Transformações</a></li>
</ul>

<h2 id="Conceitos">Conceitos</h2>

<ul>
 <li><a href="/en/CSS/Syntax" title="Syntax">Sintaxe do CSS</a></li>
 <li><a href="/en/CSS/At-rule" title="en/CSS/At-rule">Regra At</a></li>
 <li><a href="/en/CSS/Comments" title="en/CSS/Comments">Comentários</a></li>
 <li><a class="internal" href="/en/CSS/Specificity" title="en/CSS/specificity">Especificidade</a></li>
 <li><a class="internal" href="/en/CSS/initial_value" title="en/CSS/initial value">Valor inicial</a></li>
 <li><a class="internal" href="/en/CSS/inheritance" title="en/CSS/inheritance">Herança</a></li>
 <li><a class="internal" href="/en/CSS/specified_value" title="en/CSS/specified value">Valor especificado</a></li>
 <li><a class="internal" href="/en/CSS/computed_value" title="en/CSS/computed value">Valor computado</a></li>
 <li><a class="internal" href="/en/CSS/used_value" title="en/CSS/used value">Valor usado</a></li>
 <li><a class="internal" href="/en/CSS/actual_value" title="en/CSS/actual value">Valor corrente</a></li>
 <li><a class="internal" href="/en/CSS/box_model" title="en/CSS/box model">Modelo de caixa</a></li>
</ul>