Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 928601 of CSS

  • Revision slug: Web/CSS
  • Revision title: CSS
  • Revision id: 928601
  • Created:
  • Creator: camimq
  • Is current revision? No
  • Comment
Tags: 

Revision Content

Cascading Style Sheets , muitas vezes abreviado como CSS , é uma linguagem (stylesheet) usada para descrever a apresentação de um documento escrito em HTML ou XML (incluindo várias linguagens XML como SVG ou XHTML). CSS é responsável por descrever como a estrutura de cada elemento precisa ser renderizado na tela, materiais impressos ou qualquer outra mídia.

CSS é uma das principais linguagens a open web e é regulamentada pela W3C . Desenvolvida em níveis, CSS1 está obsoleto, CSS2.1 é recomendado; enquanto, CSS3 está em constante desenvolvimento e regulamentação. 

  • CSS Reference

    Referência detalhada para programadores, apontando todas as propriedades e conceitos.

  • CSS Tutorial

    Um passo-a-passo para ajudar iniciantes. Aqui são apresentados todos os fundamentos básicos.

  • CSS3 Demos

    Uma coleção de demos que mostram as práticas mais avançadas: um empurrão na sua criatividade.

Documentação e tutoriais

CSS conceitos importantes
Descreve sintaxe e formas da linguagem, e introduz informações básicas como specificity e inheritance, box model, margin collapsing, stacking e block-formatting. Apresenta também valores initial, computed, used e actual. Algumas entidades como CSS shorthand também são definidas.
Guia CSS
Artigos para te ajudar a aprender tudo, sobre programação HTML e CSS: do básico até técnicas avançadas, que farão o seu conteúdo brilhar.
Perguntas frequentes
Respostas para as perguntas mais frequentes sobre CSS. 

Ferramentas para desenvolvimento CSS

Veja também

{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|CSS topics|Visit Stack Overflow, a collaboratively built and maintained Q&A site. See if you can find an answer; if not, you can ask your question there.||CSS-Discuss|https://www.css-discuss.org/|CSS-Discuss mailing list|Join the css-discuss mailing list, which is dedicated to discussing practical, real-world use of CSS.")}}

Revision Source

 
<p><span class="seoSummary"><strong>Cascading Style Sheets </strong>, muitas vezes abreviado como <strong> CSS </strong>, é uma linguagem (<a href="/en-US/docs/DOM/stylesheet">stylesheet</a><a>) usada para descrever a apresentação de um documento escrito em </a><a href="/en-US/docs/HTML" title="The HyperText Mark-up Language"> HTML </a></span> ou <a href="/en-US/docs/XML" title="en-US/docs/XML"> XML </a> (incluindo várias linguagens XML como <a href="/en-US/docs/SVG" title="en-US/docs/SVG">SVG</a> ou <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>). CSS é responsável por descrever como a estrutura de cada elemento precisa ser renderizado na tela, materiais impressos ou qualquer outra mídia.</p>

<p><strong>CSS </strong> é uma das principais linguagens a <em> open web </em> e é regulamentada pela <a class="external" href="https://w3.org/Style/CSS/#specs"> W3C </a>. Desenvolvida em níveis, CSS1 está obsoleto, CSS2.1 é recomendado; enquanto, <a href="/en-US/docs/CSS/CSS3" title="CSS3">CSS3</a> está em constante desenvolvimento e regulamentação.&nbsp;</p>

<section id="sect1">
<ul class="card-grid">
 <li><span>CSS Reference</span>

  <p><a href="/en-US/docs/Web/CSS/Reference" title="en-US/docs/CSS/CSS_Reference">Referência detalhada </a> para programadores, apontando todas as propriedades e conceitos.</p>
 </li>
 <li><span>CSS Tutorial</span>
  <p>Um <a href="/en-US/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started"> passo-a-passo </a> para ajudar iniciantes. Aqui são apresentados todos os fundamentos básicos.</p>
 </li>
 <li><span>CSS3 Demos</span>
  <p>Uma <a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">coleção de demos</a> que mostram as práticas&nbsp;mais avançadas: um empurrão na sua&nbsp;criatividade.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">Documentação e tutoriais</h2>

<dl>
 <dt>CSS conceitos importantes</dt>
 <dd>Descreve&nbsp;<a href="/en-US/docs/CSS/Syntax" title="/en-US/docs/CSS/Syntax">sintaxe e formas da linguagem</a>, e introduz informações básicas como&nbsp;<a href="/en-US/docs/CSS/Specificity" title="Specificity">specificity</a>&nbsp;e&nbsp;<a href="/en-US/docs/CSS/inheritance" title="inheritance">inheritance</a>,&nbsp;<a href="/en-US/docs/CSS/box_model" title="Box model">box model</a>,&nbsp;<a href="/en-US/docs/CSS/margin_collapsing" title="Margin collapsing">margin collapsing</a>, <a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">stacking</a>&nbsp;e&nbsp;<a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">block-formatting</a>. Apresenta também valores&nbsp;<a href="/en-US/docs/CSS/initial_value" title="initial value">initial</a>, <a href="/en-US/docs/CSS/computed_value" title="computed value">computed</a>, <a href="/en-US/docs/CSS/used_value" title="used value">used</a>&nbsp;e&nbsp;<a href="/en-US/docs/CSS/actual_value" title="actual value">actual</a>. Algumas entidades como&nbsp;<a href="/en-US/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">CSS shorthand</a>&nbsp;também são definidas.</dd>
 <dt><a href="/en-US/docs/Web/Guide/CSS" title="/en-US/docs/Web/Guide/CSS">Guia CSS</a></dt>
 <dd>Artigos para te ajudar a aprender tudo, sobre programação HTML e CSS: do básico até técnicas avançadas, que farão o seu conteúdo brilhar.</dd>
 <dt><a href="/en-US/docs/Web/CSS/Common_CSS_Questions">Perguntas frequentes</a></dt>
 <dd>Respostas para as perguntas mais frequentes sobre&nbsp;<strong>CSS</strong>.&nbsp;</dd>
</dl>
</div>

<div class="section">
<h2 class="Tools" id="Tools" name="Tools">Ferramentas para desenvolvimento CSS</h2>

<ul>
 <li><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>&nbsp;checa se o seu arquivo CSS é válido. Você pode tentar também o&nbsp;<a href="//www.OnlineWebCheck.com/">OnlineWebCheck.com</a>.&nbsp;Essas ferramentas são fundamentais para debugging.</li>
 <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a>&nbsp; permite análise e edição de código CSS ao vivo, através das ferramentas&nbsp;<a href="/en-US/docs/Tools/Page_Inspector">Inspector</a>&nbsp;e&nbsp;<a href="/en-US/docs/Tools/Style_Editor">Style Editor</a>.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a> para&nbsp;Firefox, é uma extensão bem popular que permite edição CSS de um site em visitação. Muito prático para testar algumas mudançãs que você queira implementar.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a> para Firefox também permite observar e editar CSS. É mais simples que o Firebug, porém, com mais limitações.</li>
 <li><a href="/en-US/docs/Web/CSS/Tools">Ferramentas CSS</a>.</li>
</ul>
</div>
</div>
</section>

<h2 id="Veja_também">Veja também</h2>

<ul>
 <li><a href="/en-US/Learn/CSS">Learning section</a>&nbsp;do Mozilla</li>
 <li>CSS geralmente é aplicada em:&nbsp;<a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/SVG" title="SVG">SVG</a>, <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>&nbsp;e&nbsp;<a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>.</li>
 <li>Tecnologias Mozilla que usam CSS:&nbsp;<a href="/en-US/docs/Mozilla/Tech/XUL" title="en-US/docs/XUL">XUL</a>, <a href="/en-US/Firefox">Firefox</a>,&nbsp;<a href="/en-US/docs/Mozilla/Thunderbird">extensões Thunderbird</a> e&nbsp;<a href="/en-US/Add-ons/Themes" title="en-US/docs/Themes">temas</a>.</li>
</ul>

<p>{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|CSS topics|Visit Stack Overflow, a collaboratively built and maintained Q&amp;A site. See if you can find an answer; if not, you can ask your question there.||CSS-Discuss|https://www.css-discuss.org/|CSS-Discuss mailing list|Join the css-discuss mailing list, which is dedicated to discussing practical, real-world use of CSS.")}}</p>
Revert to this revision