CSS

  • Enlace amigable (slug) de la revisión: CSS
  • Título de la revisión: CSS
  • Id de la revisión: 465569
  • Creada:
  • Creador: alex_dm
  • ¿Es la revisión actual? No
  • Comentario

Contenido de la revisión

{{outdated()}}
Guía de CSS
Esta guía está pensada para quienes nunca han escrito una hoja de estilos CSS

Hojas de Estilo en Cascada (Cascading Style Sheets) es el lenguaje utilizado para describir la presentación de documentos HTML o XML, esto incluye varios lenguajes basados en XML como son XHTML o SVG. Además, es usado para modificar la interfaz de usuario de aplicaciones y programas, este es el caso de los productos basados en XUL como son Firefox, Seamonkey o Thunderbird.

CSS es una especificación del W3C.

Documentación

Referencia CSS
Aquí puedes encontrar referencia para todos los elementos de CSS.
Uso de CSS transforms
Una introducción a CSS transforms en Mozilla.
Escribir CSS eficiente
Una guía para escribir CSS de forma eficaz y usarlo en la IU de Mozilla.
Uso de URL como valor de la propiedad cursor
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) soporta el uso de URLs como valor para la propiedad cursor. Entre otras cosas, esto nos permite usar como cursor del ratón la imagen que prefiramos.
Imágenes, tablas y huecos misteriosos
Guía para resolver mediante CSS el problema de las tablas con imágenes en las que aparecen huecos en blanco que no deberían existir
CSS dinámico
Si crees que necesitas Javascript para crear CSS dinámico, estás muy equivocado, lee este artículo para saber más.
Múltiples-columnas dinámicas con CSS-3
Cuando leemos un texto, las líneas muy largas resultan incómodas. Los autores deben limitar la anchura del texto dividiéndolo en columnas, más o menos, como hacen los periódicos.
Tipo_MIME_incorrecto_en_archivos_CSS
Este artículo explica porqué algunas páginas muestran la hoja de estilos correctamente en IE y no en Firefox y como solucionarlo.

Ver más...

Comunidad

Ver más...

Herramientas

Ver más...

Fuente de la revisión

<div>
  {{outdated()}}</div>
<div class="callout-box">
  <strong><a class="external" href="http://www.w3.org/Style/Examples/docs/011/firstcss.es.html">Guía de CSS</a></strong><br />
  Esta guía está pensada para quienes nunca han escrito una hoja de estilos CSS</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>. Además, es usado para modificar la interfaz de usuario de aplicaciones y programas, este es el caso de los productos basados en <a href="/es/docs/XUL" title="XUL">XUL</a> como son Firefox, Seamonkey o Thunderbird.</p>
<p><strong>CSS</strong> es una especificación del <a class="external" href="http://www.w3.org/Style/CSS/">W3C</a>.</p>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id="Documentaci.C3.B3n" name="Documentaci.C3.B3n">Documentación</h2>
        <dl>
          <dt>
            <a href="/es/docs/Referencia_CSS" title="Referencia CSS">Referencia CSS</a></dt>
          <dd>
            Aquí puedes encontrar referencia para todos los elementos de CSS.</dd>
          <dt>
            <a href="/es/docs/CSS/Uso_de_CSS_transforms" title="CSS/Uso de CSS transforms">Uso de CSS transforms</a></dt>
          <dd>
            Una introducción a CSS transforms en Mozilla.</dd>
          <dt>
            <a href="/es/docs/CSS/Escribir_CSS_eficiente" title="CSS/Escribir CSS eficiente">Escribir CSS eficiente</a></dt>
          <dd>
            Una guía para escribir CSS de forma eficaz y usarlo en la IU de Mozilla.</dd>
          <dt>
            <a href="/es/docs/Uso_de_URL_como_valor_de_la_propiedad_cursor" title="Uso_de_URL_como_valor_de_la_propiedad_cursor">Uso de URL como valor de la propiedad cursor</a></dt>
          <dd>
            Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) soporta el uso de URLs como valor para la propiedad cursor. Entre otras cosas, esto nos permite usar como cursor del ratón la imagen que prefiramos.</dd>
          <dt>
            <a href="/es/docs/Imágenes,_tablas_y_huecos_misteriosos" title="Imágenes,_tablas_y_huecos_misteriosos">Imágenes, tablas y huecos misteriosos</a></dt>
          <dd>
            Guía para resolver mediante CSS el problema de las tablas con imágenes en las que aparecen huecos en blanco que no deberían existir</dd>
          <dt>
            <a href="/es/docs/CSS_dinámico" title="CSS_dinámico">CSS dinámico</a></dt>
          <dd>
            Si crees que necesitas Javascript para crear CSS dinámico, estás muy equivocado, lee este artículo para saber más.</dd>
          <dt>
            <a href="/es/docs/Columnas_con_CSS-3" title="Columnas_con_CSS-3">Múltiples-columnas dinámicas con CSS-3</a></dt>
          <dd>
            Cuando leemos un texto, las líneas muy largas resultan incómodas. Los autores deben limitar la anchura del texto dividiéndolo en columnas, más o menos, como hacen los periódicos.</dd>
          <dt>
            <a href="/es/docs/Tipo_MIME_incorrecto_en_archivos_CSS" title="Tipo_MIME_incorrecto_en_archivos_CSS">Tipo_MIME_incorrecto_en_archivos_CSS</a></dt>
          <dd>
            Este artículo explica porqué algunas páginas muestran la hoja de estilos correctamente en IE y no en Firefox y como solucionarlo.</dd>
        </dl>
        <p><!-- ; <a href="/es/docs/Especificación_de_CSS-2_(externo)" title="Especificación_de_CSS-2_(externo)">Especificación de CSS-2 (externo)</a>: &lt;small&gt;Esta es la traducción de la versión actual del estándar. El W3C trabaja en una actualización: CSS-2.1, puede consultar el <a class="external" href="http://www.w3.org/TR/CSS21/">último borrador (en)</a>, o descargar la traducción de un <a class="external" href="http://www.w3.org/Style/css21-updates/docs/css2.1_spa.pdf">borrador anterior</a> (25 Feb 2004).&lt;/small&gt; &nbsp;; <a href="/es/docs/Guía_de_referencia_de_CSS" title="Guía_de_referencia_de_CSS">Guía de referencia de CSS</a>: &lt;small&gt;Esto aspira a ser con el tiempo una guía exhaustiva y pormenorizada del lenguaje de estilos CSS.&lt;/small&gt; --></p>
        <p><span class="alllinks"><a href="/es/docs/tag/CSS" title="tag/CSS">Ver más...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id="Comunidad" name="Comunidad">Comunidad</h2>
        <ul>
          <li>En MozillaES
            <ul>
              <li><a class="external" href="http://www.mozillaes.org/foros/viewforum.php?f=13" title="http://www.mozillaes.org/foros/viewforum.php?f=13">Desarrollo web (HTML, CSS...)</a>.</li>
            </ul>
          </li>
          <li>Otros
            <ul>
              <li><a class="external" href="http://www.ovillo.org/">La lista ovillo</a>.</li>
              <li><a class="external" href="http://www.forosdelweb.com/forumdisplay.php?f=53">Foro de CSS</a> en Foros del Web.</li>
            </ul>
          </li>
        </ul>
        <p><span class="alllinks"><a href="/es/docs/CSS/Comunidad" title="CSS/Comunidad">Ver más...</a></span></p>
        <h2 class="Tools" id="Herramientas" name="Herramientas">Herramientas</h2>
        <ul>
          <li>W3C
            <ul>
              <li><a href="/es/docs/Validador_de_CSS_del_W3C_(externo)" title="Validador_de_CSS_del_W3C_(externo)">Validador de CSS del W3C (externo)</a></li>
            </ul>
          </li>
          <li>Extensiones para Firefox
            <ul>
              <li><a class="link-https" href="https://addons.mozilla.org/extensions/moreinfo.php?id=2245&amp;application=firefox">CSS Validator</a></li>
              <li><a class="link-https" href="https://addons.mozilla.org/extensions/moreinfo.php?category=Developer%20Tools&amp;id=60">Web Developer</a></li>
              <li><a class="link-https" href="https://addons.mozilla.org/extensions/moreinfo.php?id=179">EditCSS</a></li>
            </ul>
          </li>
        </ul>
        <p><span class="alllinks"><a href="/es/docs/tag/CSS:Herramientas" title="tag/CSS:Herramientas">Ver más...</a></span></p>
        <h2 class="Related_Topics" id="Temas_relacionados" name="Temas_relacionados">Temas relacionados</h2>
        <ul>
          <li>· <a href="/es/docs/HTML" title="HTML">HTML</a> · <a href="/es/docs/XHTML" title="XHTML">XHTML</a> · <a href="/es/docs/XML" title="XML">XML</a> · <a href="/es/docs/XUL" title="XUL">XUL</a> · <a href="/es/docs/Temas" title="Temas">Temas</a> · <a href="/es/docs/Extensiones" title="Extensiones">Extensiones</a> ·</li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>
<!-- Categorías --><!-- Interwiki Language Links -->
Revertir a esta revisión