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 1080722 of CSS

  • Slug da revisão: Web/CSS
  • Título da revisão: CSS
  • ID da revisão: 1080722
  • Criado:
  • Criador: fcard
  • É a revisão atual? Não
  • Comentar Corrigir link e nome de "Especificação
Etiquetas: 

Conteúdo da revisão

CSS (Cascading Style Sheets) é uma linguagem de estilo usada para descrever a apresentação de um documento escrito em HTML ou em XML (incluindo várias linguagens em XML como SVG ou XHTML). CSS descreve como elementos são mostrados na tela, no papel, no discurso ou em outras mídias.

CSS é uma das linguagens núcleo da open web e tem sido padronizado pela Especificação da W3C. Desenvolvido em níveis, o CSS1 está obsoleto, já o CSS2.1 é uma recomendação e o CSS3, dividido em pequenos módulos, está agora progredindo para a sua padronização.

  • Referencias CSS

    Uma referência para desenvolvedores Web, que descreve as propriedades e os conceitos do CSS.

  • Tutorials css

    Uma introdução passo-a-passo para ajudar iniciantes a começar. Este provê todos os fundamentos necessários.

  • Demos CSS3

    Uma coleção de demos que mostra as últimas tecnologias do CSS em ação: um impulso para a criatividade.

Documentação e tutoriais

Conceitos chaves de CSS
Descreve a sintaxe da linguagem e introduz fundamentos como especificação e herança,o box model e margin collapsing, stacking e contextos block-formatting, os valores iniciais, computados, usados e atuais. Entidades como CSS shorthand properties também são definidas.
Guia CSS para desenvolvedores
Artigos para ajuda-lo a aprender tudo desde dos básicos de estilizar HTML até diversas técnicas de CSS para fazer seu conteúdo brilhar.
Questões comuns sobre CSS
Respostas para questões comuns sobre CSS.

Ferramentas para desenvolvimento de 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.")}}

Fonte da revisão

 
<p><strong>CSS</strong> (<strong>Cascading Style Sheets</strong>) é uma linguagem de <a href="/pt-BR/docs/Web/API/StyleSheet">estilo</a> usada para descrever a apresentação de um documento escrito em<a href="/pt-BR/HTML" title="HTML"> HTML</a> ou em <a href="/pt-BR/docs/Glossary/XML" title="XML">XML</a> (incluindo várias linguagens em XML como <a href="/pt-BR/SVG" title="SVG">SVG</a> ou <a href="/pt-BR/XHTML">XHTML</a>). CSS descreve como elementos são mostrados na tela, no papel, no discurso ou em outras mídias.</p>

<p>CSS é uma das linguagens núcleo da <em>open web</em> e tem sido padronizado pela <a class="external" href="https://w3.org/Style/CSS/#specs">Especificação da W3C</a>. Desenvolvido em níveis, o CSS1 está obsoleto, já o CSS2.1 é uma recomendação e o <a href="/pt-BR/docs/Web/CSS/CSS3" title="CSS3">CSS3</a>, dividido em pequenos módulos, está agora progredindo para a sua padronização.</p>

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

  <p>Uma <a href="/pt-BR/docs/Web/CSS/Reference">referência</a> para <em>desenvolvedores Web</em>, que descreve as propriedades e os conceitos do CSS.</p>
 </li>
 <li><span>Tutorials css</span>
  <p>Uma <a href="/pt-BR/CSS/Getting_Started" title="Primeiros Passos">introdução passo-a-passo</a> para ajudar <em>iniciantes</em> a começar. Este provê todos os fundamentos necessários.</p>
 </li>
 <li><span>Demos CSS3</span>
  <p>Uma <a href="/pt-BR/demos/tag/tech:css3">coleção de demos</a> que mostra as últimas tecnologias do CSS em ação: um impulso para a criatividade.</p>
 </li>
</ul>

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

<dl>
 <dt>Conceitos chaves de CSS</dt>
 <dd>Descreve a <a href="/pt-BR/docs/Web/CSS/Syntax">sintaxe da linguagem</a> e introduz fundamentos como <a href="/pt-BR/docs/Web/CSS/Specificity" title="Especificação">especificação</a> e <a href="/pt-BR/docs/Web/CSS/inheritance" title="Herança">herança</a>,o <a href="/pt-BR/docs/Web/CSS/box_model" title="Box model">box model</a> e <a href="/pt-BR/docs/Web/CSS/margin_collapsing" title="Margin collapsing">margin collapsing</a>, <a href="/pt-BR/docs/Web/CSS/Understanding_z-index/The_stacking_context" title="O contexto stacking">stacking</a> e contextos <a href="//pt-BR/docs/Web/CSS/block_formatting_context" title="block formatting context">block-formatting</a>, os valores <a href="/pt-BR/docs/Web/CSS/initial_value" title="initial value">iniciais</a>, <a href="/en/CSS/computed_value" title="computed value">computados</a>, <a href="/pt-BR/docs/Web/CSS/used_value" title="used value">usados</a> e <a href="/pt-BR/docs/Web/CSS/actual_value" title="actual value">atuais</a>. Entidades como <a href="/pt-BR/docs/Web/CSS/Shorthand_properties" title="/pt-BR/docs/Web/CSS/Shorthand_properties">CSS shorthand properties</a> também são definidas.</dd>
 <dt><a href="/pt-BR/docs/Web/Guide/CSS">Guia CSS para desenvolvedores</a></dt>
 <dd>Artigos para ajuda-lo a aprender tudo desde dos básicos de estilizar HTML até diversas técnicas de CSS para fazer seu conteúdo brilhar.</dd>
 <dt><a href="/pt-BR/docs/Web/CSS/Common_CSS_Questions">Questões comuns sobre CSS</a></dt>
 <dd>Respostas para questões comuns sobre CSS.</dd>
</dl>
</div>

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

<ul>
 <li>O <a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> checa a validade do dado CSS. O serviço <a href="https://www.onlinewebcheck.com/">OnlineWebCheck.com</a> também faz o mesmo. Estas são ferramentas indispensáveis de depuração.</li>
 <li><a href="/pt-BR/docs/Tools">As Ferramentas do Firefox para desenvolvedores</a> permitem ver e editar o CSS de uma pagina ao vivo via as ferramentas <a href="/pt-BR/docs/Tools/Page_Inspector">Inspetor</a> e <a href="/pt-BR/docs/Tools/Style_Editor">Editor de Estilo</a>.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/pt-BR/firefox/addon/1843">O complemento Firebug </a> para Firefox, um complemento popular deste navegador que permite a edição ao vivo de CSS nos sites observados. Muito prático para testar certas mudanças, apesar deste complemento fazer muito mais.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/pt-BR/firefox/addon/60">O complemento Web Developer</a> para Firefox também permite a observação e edição de CSS ao vivo dos sites observados. Mais simples do que o Firebug, mas menos poderoso.</li>
 <li><a href="/pt-BR/docs/Web/CSS/Tools">Diversas outras ferramentas para CSS.</a></li>
</ul>
</div>
</div>
</section>

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

<ul>
 <li>A <a href="/pt-BR/docs/Aprender/CSS">sessão de aprendizagem de CSS</a> do Mozilla.</li>
 <li>Linguagens da web onde frequentemente o CSS é aplicado: <a href="/pt-BR/docs/Web/HTML">HTML</a>, <a href="/pt-BR/docs/Web/SVG">SVG</a>, <a href="/pt-BR/docs/Web/XHTML">XHTML</a> e <a href="/pt-BR/docs/Glossary/XML">XML</a>.</li>
 <li>Tecnólogias Mozilla que fazem grande uso de CSS: <a href="/pt-BR/docs/XUL">XUL</a>, <a href="/pt-BR/docs/Extensions">complementos</a> e <a href="/pt-BR/Add-ons/Themes">temas</a> do <a href="/pt-BR/Firefox">Firefox</a> e <a href="/pt-BR/docs/Mozilla/Thunderbird">Thunderbird.</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>
Reverter para esta revisão