Revision 1106125 of CSS

<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 base de la <em>Open Web</em>&nbsp;y posee una <a href="https://www.w3.org/Style/CSS/#specs">especificación estandarizada</a> por parte del&nbsp;W3C. Desarrollado en niveles, CSS1 es ahora obsoleto, CSS2.1 es una recomendación y CSS3, ahora dividido en módulos más pequeños, está progresando en camino al estándar.</p>

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

  <p>Un <a href="/es/docs/Web/CSS/Referencia_CSS">referente exhaustivo</a> por desarrolladores Web experimentados&nbsp;describiendo cada propiedad y concepto de CSS.</p>
 </li>
 <li><span>Tutorial CSS</span>
  <p>Una <a href="/es/docs/Web/CSS/Introducción">introducción paso-a-paso</a> para ayudar a principiantes a iniciar. Representa todos los fundamentos necesarios.</p>
 </li>
 <li><span>CSS3 Demos</span>
  <p>Una <a href="/es/demos/tag/tech:css3">colección de ejemplos </a>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 <a href="/en-US/docs/Web/CSS/Syntax">sintaxis y formas del lenguaje</a> e introduce fundamentos como&nbsp;especificidad <em>(<a href="/en-US/docs/CSS/Specificity" title="Specificity">specificity</a>)</em> y herencia <em>(<a href="/es/docs/Web/CSS/inheritance" title="inheritance">inheritance</a>)</em>, el modelo de caja <em>(<a href="/es/docs/Tutorial_de_XUL/El_modelo_de_caja" title="Box model">box model</a>)</em>, &nbsp;<em><a href="/en-US/docs/CSS/margin_collapsing" title="Margin collapsing">margin collapsing</a></em>, <em><a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">stacking</a>&nbsp;</em>y&nbsp;<em><a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">block-formatting</a></em>&nbsp;<em>contexts</em>, y&nbsp;los valores inicial (<em><a href="/es/docs/Web/CSS/Valor_inicial" title="initial value">initial</a>), </em>calculado <em>(<a href="/es/docs/Web/CSS/Valor_calculado" title="computed value">computed</a>),&nbsp;<a href="/en-US/docs/CSS/used_value" title="used value">used</a></em>&nbsp;y&nbsp;<a href="/en-US/docs/CSS/actual_value" title="actual value">actual</a>. Entidades como propiedades abreviadas CSS <em>(<a href="/en-US/docs/CSS/Shorthand_properties" title="CSS/Shorthand_properties">CSS shorthand properties</a>) </em>también son definidas.</dd>
 <dt><a href="/es/docs/Web/Guide/CSS">Guía de desarrollo en CSS​</a></dt>
 <dd>Artículos para ayudarte a aprender técnicas CSS para hacer brillar tu contenido.</dd>
 <dt><a href="/es/docs/Web/CSS/Preguntas_frecuentes_sobre_CSS">Preguntas frecuentes sobre&nbsp;CSS</a></dt>
 <dd>Respuestas a preguntas comunes sobre&nbsp;CSS.</dd>
</dl>
</div>

<div class="section">
<h2 class="Tools" id="Tools" name="Tools">Herramientas para&nbsp;desarrollo CSS</h2>

<ul>
 <li><a class="external external-icon" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a><span class="external"> revisa si un CSS dado es válido. El servicio en&nbsp;</span><a href="//www.OnlineWebCheck.com/">OnlineWebCheck.com</a>&nbsp;también hace lo mismo. Estos son herramientas de debugging&nbsp;invaluables.</li>
 <li><a href="/es/docs/Tools">Firefox Developer Tools</a>&nbsp;permite ver y editar en vivo el CSS de una página a través del <a href="es/docs/Tools/Page_Inspector">Inspector</a> y las herramientas de&nbsp;<a href="es/docs/Tools/Editor_Estilo">edición&nbsp;de estilos</a>.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/es/firefox/addon/firebug/">Firebug extension</a>&nbsp;para Firefox, una extensión popular de este navegador que permite editar CSS en vivo en sitios vistos. Muy práctico para probar algunos cambios, aunque&nbsp;ésta extensión puede hacer mucho más.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/es/firefox/addon/web-developer/">Web Developer extension</a>&nbsp;para Firefox, también permite ver y editar CSS en vivo en sitios vistos. Más simple que Firebug, aunque menos potente.</li>
 <li><a class="external link-https" href="https://addons.mozilla.org/es/firefox/addon/editcss/">EditCSS extension</a>&nbsp;para Firefox, permite editar CSS en la barra lateral.</li>
 <li><a href="https://developer.mozilla.org/es/docs/Web/CSS/Tools">Herramientas CSS.</a></li>
</ul>

<ul>
</ul>
</div>
</div>
</section>

<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">&nbsp;</h2>

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

<ul>
 <li><a href="/en-US/Learn/CSS">Recursos CSS</a> para aprender de Mozilla.</li>
 <li>Lenguajes <em>Open Web</em>&nbsp;en los cuales generalmente es aplicado&nbsp;CSS:&nbsp;<a href="/es/docs/HTML" title="en-US/docs/HTML">HTML</a>, <a href="/es/docs/SVG" title="SVG">SVG</a>, <a href="/es/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/es/docs/XML" title="en-US/docs/XML">XML</a>.</li>
 <li>Tecnologías de Mozilla en las cuales se hace uso extenso&nbsp;de CSS: <a href="/es/docs/XUL" title="en-US/docs/XUL">XUL</a>, <a href="https://developer.mozilla.org/es/Firefox">Firefox</a>,&nbsp;<a href="/es/docs/Mozilla/Add-ons" title="en-US/docs/Extensions">extensiones</a> y <a href="/en-US/docs/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>