Revision 766561 of CSS

<div>{{outdated()}}</div>

<div>&nbsp;</div>

<p><strong>Hojas de Estilo en Cascada</strong> (<strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets) es el lenguaje utilizado para describir la presentación de documentos <a href="/es/docs/HTML" title="HTML">HTML</a> o <a href="/es/docs/XML" title="XML">XML</a>, esto incluye varios lenguajes basados en <a href="/es/docs/XML" title="XML">XML</a> como son <a href="/es/docs/XHTML" title="XHTML">XHTML</a> o <a href="/es/docs/SVG" title="SVG">SVG</a>. CSS describe como&nbsp;debe ser renderizado el elemento estructurado&nbsp;en pantalla, en papel, hablado o en otros medios.</p>

<p><strong>CSS</strong> es uno de los lenguajes básicos de la web abierta y posee una especificación estandarizada por parte del&nbsp;W3C. Desarrollado en niveles, CSS1 es ahora obsoleo, CSS2.1 es una recomendación y CSS3, ahora dividido en módulos más pequeños, está progresando en camino al estandar.</p>

<section id="sect1">
<ul class="card-grid">
 <li><span>Referencia&nbsp;CSS</span>

  <p>Un referente exahustivo para por desarrolladores Web&nbsp;<u><strong>sasonados </strong></u>describiendo cada propiedad y concepto de CSS.</p>
 </li>
 <li><span>Tutorial CSS</span>
  <p>Una introducción paso-a-paso para ayudar a principiantes a iniciar. Representa todos los fundamentos necesarios.</p>
 </li>
 <li><span>CSS3 Demos</span>
  <p>Una colección de ejemplos mostrando las últimas tecnologías CSS en acción: un estímulo para la creatividad.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">Documentación y tutoriales</h2>

<dl>
 <dt>Conceptos CSS clave</dt>
 <dd>Describe la sintaxis y formas del lenguaje e introduce a fundamentos como <u><strong>especifidad </strong></u>y herencia, el modelo de caja&nbsp;</dd>
 <dd>Describes the <a href="/en-US/docs/CSS/Syntax" title="/en-US/docs/CSS/Syntax">syntax and forms of the language</a> and introduces fundamentals like <a href="/en-US/docs/CSS/Specificity" title="Specificity">specificity</a> and <a href="/en-US/docs/CSS/inheritance" title="inheritance">inheritance</a>, the <a href="/en-US/docs/CSS/box_model" title="Box model">box model</a> and <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> and <a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">block-formatting</a> contexts, or the <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> and <a href="/en-US/docs/CSS/actual_value" title="actual value">actual</a> values. Entities like <a href="/en-US/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">CSS shorthand properties</a> are also defined.</dd>
 <dt>Guía de desarrollo CSS</dt>
 <dd>Artículos para ayudarte a aprender técnicas CSS para hacer brillar tu contenido.</dd>
 <dt>Preguntas comunes acerca de CSS</dt>
 <dd>Respuestas a preguntas comunes acerc de CSS.</dd>
</dl>

<h2 class="Tools" id="Tools" name="Tools">Herramientas para desarrollo CSS</h2>

<ul>
 <li><span class="external">The </span><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> checks if a given CSS is valid. The service at <a href="//www.OnlineWebCheck.com/">OnlineWebCheck.com</a> also does the same. These are invaluable debugging tools.</li>
 <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a> allow viewing and editing live CSS of a page via the <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a> and <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a> tools.</li>
 <li>Extensión Firebug para Firefox, una popular extensión de ese navegador que permite editar CSS&nbsp;<a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a> for Firefox, a popular extension of that navigator that allows to edit live CSS on watched sites. Very practical to test some changes, though this extension does much more.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a> for Firefox also allows to watch and edit live CSS on watched sites. Simpler than Firebug, though less powerful.</li>
 <li><a class="external link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">EditCSS extension</a> for Firefox allows editing CSS in the sidebar.</li>
</ul>
</div>

<div class="section">
<h2 class="Related_Topics" id="News" name="News">Noticias</h2>

<ul>
 <li><a href="https://www.w3.org/TR/css-text-decor-3/" title="https://www.w3.org/TR/css-text-decor-3/">CSS Text-decoration Level 3</a> reached the <em>Candidate Recommandation</em> status, defining that the <code>text-decoration-*</code> and <code>text-emphasis-*</code> properties. The long known {{cssxref("text-shadow")}} is also defined in it. (<em>August 1st, 2013)</em></li>
 <li>Gecko's now support {{cssxref("background-origin")}}<code>: local</code>. It will be available from Firefox 25 (and already is in Nightly). <em>(July 25th, 2013)</em></li>
 <li><a href="https://www.w3.org/TR/pointerevents/" title="https://www.w3.org/TR/pointerevents/">Pointer Events</a> reached the <em>Candidate Recommandation</em> status, meaning that the CSS property <code>touch-action</code>, currently only implemented in IE10 (with the <code>-ms-</code> prefix), is no more experimental. <em>(May 6th, 2013)</em></li>
 <li>Gecko's support of <a href="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes" title="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes"><em>flexible boxes</em></a> has been adapted to match a recent specification clarification: from Firefox 23 {{cssxref("::before")}} and {{cssxref("::after")}} will be flex items, and as such can be repositioned using {{cssxref("order")}} and {{cssxref("align-self")}}. <em>(May 3rd, 2013)</em></li>
</ul>

<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Temas relacionados</h2>

<ul>
 <li>Mozilla Learn <a href="/en-US/learn/css" title="https://developer.mozilla.org/en-US/learn/css">CSS resources</a>.</li>
 <li>Open Web languages on which CSS is often applied: <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>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>.</li>
 <li>Mozilla technologies which make extensive use of CSS: <a href="/en-US/docs/XUL" title="en-US/docs/XUL">XUL</a>, Firefox and Thunderbird <a href="/en-US/docs/Extensions" title="en-US/docs/Extensions">extensions</a> and <a href="/en-US/docs/Themes" title="en-US/docs/Themes">themes</a>.</li>
</ul>
</div>
</div>
</section>

<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>