Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

CSS

Resumen

Las Hojas de estilo en cascada o Cascading style sheets (CSS) es el lenguaje de presentación para el contenido web. El World Wide Web Consortium mantiene el estándar de las CSS.

Explora nuestros documentos sobre CSS

Material didáctico de CSS

Tutoriales y artículos didácticos para que aprendas CSS desde la base.

Selectores CSS

Una guía de referencia de todos los selectores CSS disponibles.

Propiedades CSS

Una guía de referencia de todas las propiedades CSS disponibles.

Funciones CSS

Una guía de referencia de todas las funciones CSS.

 

Directivas At

Una guía de referencia de las diferentes @directivas (directivas at) disponibles.

 

Consultas de medios

Una guía de referencia de los diferentes tipos de consultas de medios (media queries) disponibles.

Nota: Si eres completamente nuevo en el desarrollo web, puede que desees revisar Desarrollo web para principiantes.

Antecedentes

Las Hojas de estilo en cascada (CSS) es un lenguaje que le aplica características de presentación (estilos, maquetación, animación) a contenidos etiquetados (tales como HTML, XHTML, SVG o XML). Es uno de los principales componentes de la Plataforma Web Abierta.

Las CSS te permiten aplicarle estilos a tu contenido mediante un conjunto de selectores y propiedades.

  • Primera versión: La Recomendación CSS 1 fue descrita por Håkon Wium Lie y Bert Bos y publicada por primera vez en 1996.
  • La versión estable actual: La Recomendación CSS 2 fue publicada por primera vez en 1998, aunque no estuvo completamente terminada hasta 2011, a pesar de ser muy estable por muchos años antes de ello. Algunos módulos de las CSS3 también son muy estables para el momento de la publicación de este artículo (Diciembre 2012). Lee "El trabajo actual y futuro".
  • El trabajo actual y futuro: El grupo de Trabajo de las CSS está trabajando en una serie de “módulos” que describen las diferentes partes de la tecnología conocida como CSS3. Algunos de estos módulos son estables, mientras que algunos se encuentran en un estado experimental y no tienen mucho soporte entre los navegadores. También se está trabajando en varios módulos de las CSS4, aunque pasará cierto tiempo hasta que estos estén listos para su uso en trabajo de producción. Consulta la página de trabajo actual del grupo de trabajo de las CSS para obtener más información sobre qué módulos/especificaciones están en qué etapa de su finalización.

Contribuir con la tecnología CSS

El desarrollo de las CSS es conducido por el grupo de trabajo de las CSS. Para obtener más información, incluyendo el cómo participar en su desarrollo, visita la página principal del grupo de trabajo de las CSS. Para publicar comentarios y hacer preguntas relacionadas a contribuir con las especificaciones, un buen lugar es la lista de correos www-style. Ten en cuenta que no es un lugar adecuado para preguntas de tipo: “¿cómo puedo usar las CSS para aplicarle estilos a mi página web”

Indice de todos los temas de CSS

css/assigned
css/atrules css/atrules/@charset
css/atrules/@font-face css/atrules/@import css/atrules/@keyframes
css/atrules/@media css/atrules/@namespace css/atrules/@page
css/atrules/@region css/atrules/@supports css/atrules/@viewport
css/color css/color/colors by hue
css/color/colors by lightness css/color/colors by name css/color/colors by perceptual lightness
css/color/colors by saturation css/color/user-defined system colors css/concepts
css/concepts/animatable css/concepts/computed value css/concepts/css applies to
css/concepts/cssom css/concepts/fallback property css/concepts/fragment
css/concepts/inherited css/concepts/initial value css/concepts/named flow
css/concepts/overset css/concepts/region css/concepts/region chain
css/cssom css/cssom/CSSImportRule
css/cssom/CSSImportRule/href css/cssom/CSSImportRule/media css/cssom/CSSKeyframeRule
css/cssom/CSSKeyframeRule/keyText css/cssom/CSSKeyframeRule/style css/cssom/CSSKeyframesRule
css/cssom/CSSKeyframesRule/cssRules css/cssom/CSSKeyframesRule/deleteRule css/cssom/CSSKeyframesRule/findRule
css/cssom/CSSKeyframesRule/insertRule css/cssom/CSSKeyframesRule/name css/cssom/CSSMediaList/CSSMediaList
css/cssom/CSSMediaList/appendMedium css/cssom/CSSMediaList/deleteMedium css/cssom/CSSMediaList/item
css/cssom/CSSMediaList/mediaText css/cssom/CSSMediaRule/CSSMediaRule css/cssom/CSSMediaRule/cssRules
css/cssom/CSSMediaRule/deleteRule css/cssom/CSSMediaRule/insertRule css/cssom/CSSMediaRule/media
css/cssom/CSSNamespaceRule/CSSNamespaceRule css/cssom/CSSNamespaceRule/namespaceURI css/cssom/CSSNamespaceRule/prefix
css/cssom/CSSOM view css/cssom/CSSRule
css/cssom/CSSRule/cssText css/cssom/CSSRule/parentRule
css/cssom/CSSRule/parentStyleSheet css/cssom/CSSRule/type css/cssom/CSSStyleDeclaration/CSSStyleDeclaration
css/cssom/CSSStyleDeclaration/cssText css/cssom/CSSStyleDeclaration/getPropertyPriority css/cssom/CSSStyleDeclaration/getPropertyValue
css/cssom/CSSStyleDeclaration/item css/cssom/CSSStyleDeclaration/removeProperty css/cssom/CSSStyleDeclaration/setProperty
css/cssom/ClientRect css/cssom/ClientRect/bottom css/cssom/ClientRect/left
css/cssom/ClientRect/right css/cssom/ClientRect/top css/cssom/MSCSSMatrix/methods/inverse
css/cssom/MSCSSMatrix/methods/multiply css/cssom/MSCSSMatrix/methods/rotate css/cssom/MSCSSMatrix/methods/rotateAxisAngle
css/cssom/MSCSSMatrix/methods/scale css/cssom/MSCSSMatrix/methods/setMatrixValue css/cssom/MSCSSMatrix/methods/skew
css/cssom/MSCSSMatrix/methods/skewX css/cssom/MSCSSMatrix/methods/skewY css/cssom/MSCSSMatrix/methods/toString
css/cssom/MSCSSMatrix/properties/b css/cssom/MSCSSMatrix/properties/c css/cssom/MSCSSMatrix/properties/d
css/cssom/MSCSSMatrix/properties/e css/cssom/MSCSSMatrix/properties/f css/cssom/MSCSSMatrix/properties/m11
css/cssom/MSCSSMatrix/properties/m12 css/cssom/MSCSSMatrix/properties/m13 css/cssom/MSCSSMatrix/properties/m14
css/cssom/MSCSSMatrix/properties/m21 css/cssom/MSCSSMatrix/properties/m22 css/cssom/MSCSSMatrix/properties/m23
css/cssom/MSCSSMatrix/properties/m24 css/cssom/MSCSSMatrix/properties/m31 css/cssom/MSCSSMatrix/properties/m32
css/cssom/MSCSSMatrix/properties/m33 css/cssom/MSCSSMatrix/properties/m34 css/cssom/MSCSSMatrix/properties/m41
css/cssom/MSCSSMatrix/properties/m42 css/cssom/MSCSSMatrix/properties/m43 css/cssom/MSCSSMatrix/properties/m44
css/cssom/currentStyle css/cssom/imports
css/cssom/methods css/cssom/methods/addPageRule css/cssom/methods/addRule
css/cssom/methods/getExpression css/cssom/methods/msGetPropertyEnabled css/cssom/methods/msPutPropertyEnabled
css/cssom/methods/removeExpression
css/cssom/methods/setExpression
css/cssom/page css/cssom/pages css/cssom/pages/item
css/cssom/properties css/cssom/properties/background css/cssom/properties/clipBottom
css/cssom/properties/clipLeft css/cssom/properties/clipRight css/cssom/properties/clipTop
css/cssom/properties/cssFloat css/cssom/properties/fontWeight css/cssom/properties/hasLayout
css/cssom/properties/height css/cssom/properties/href css/cssom/properties/imports
css/cssom/properties/innerWidth css/cssom/properties/isAlternate css/cssom/properties/isPrefAlternate
css/cssom/properties/item css/cssom/properties/length css/cssom/properties/media
css/cssom/properties/offsetX css/cssom/properties/offsetY css/cssom/properties/outerHeight
css/cssom/properties/outerWidth css/cssom/properties/pageX css/cssom/properties/pageXOffset
css/cssom/properties/pageY css/cssom/properties/pageYOffset css/cssom/properties/pixelBottom
css/cssom/properties/pixelHeight css/cssom/properties/pixelLeft css/cssom/properties/pixelRight
css/cssom/properties/pixelTop css/cssom/properties/pixelWidth css/cssom/properties/posBottom
css/cssom/properties/posHeight css/cssom/properties/posLeft css/cssom/properties/posRight
css/cssom/properties/posTop css/cssom/properties/posWidth css/cssom/properties/pseudoClass
css/cssom/properties/selector css/cssom/properties/selectorText css/cssom/properties/sheet
css/cssom/properties/styleSheet css/cssom/properties/styleSheets css/cssom/properties/usedCharset
css/cssom/properties/viewInheritStyle css/cssom/properties/width css/cssom/properties/x
css/cssom/properties/y css/cssom/rule css/cssom/rule/selectorText
css/cssom/rules css/cssom/rules/item css/cssom/runtimeStyle
css/cssom/screen css/cssom/screen/availHeight css/cssom/screen/availWidth
css/cssom/screen/bufferDepth css/cssom/screen/colorDepth css/cssom/screen/constructor
css/cssom/screen/deviceXDPI css/cssom/screen/deviceYDPI css/cssom/screen/fontSmoothingEnabled
css/cssom/screen/height css/cssom/screen/logicalXDPI css/cssom/screen/logicalYDPI
css/cssom/screen/pixelDepth css/cssom/screen/systemXDPI css/cssom/screen/systemYDPI
css/cssom/screen/updateInterval css/cssom/screen/width css/cssom/style
css/cssom/style/type css/cssom/styleSheet css/cssom/styleSheet/addImport
css/cssom/styleSheet/blockDirection css/cssom/styleSheet/cssRules css/cssom/styleSheet/cssText
css/cssom/styleSheet/deleteRule css/cssom/styleSheet/insertRule css/cssom/styleSheet/ownerNode
css/cssom/styleSheet/ownerRule css/cssom/styleSheet/owningElement css/cssom/styleSheet/pages
css/cssom/styleSheet/parentStyleSheet css/cssom/styleSheet/readOnly css/cssom/styleSheet/rules
css/cssom/styleSheet/title css/cssom/styleSheet/type css/cssom/styleSheets
css/cssom/stylesheet/removeImport css/cssom/stylesheet/removeRule css/data types
css/data types/angle css/data types/color css/data types/custom ident
css/data types/frequency css/data types/image css/data types/integer
css/data types/keyword css/data types/length css/data types/number
css/data types/percentage css/data types/position css/data types/resolution
css/data types/string css/data types/text css/data types/time
css/data types/url css/es
css/exclusions/ms-wrap-flow css/exclusions/ms-wrap-margin css/exclusions/ms-wrap-through
css/fonts css/fonts/font-variant
css/fr css/functions css/functions/blur
css/functions/brightness
css/functions/calc css/functions/contrast
css/functions/cross-fade css/functions/cubic-bezier css/functions/custom
css/functions/drop-shadow css/functions/grayscale
css/functions/hue-rotate
css/functions/invert css/functions/linear-gradient
css/functions/matrix() css/functions/matrix3d
css/functions/opacity css/functions/perspective
css/functions/radial-gradient css/functions/repeating-linear-gradient
css/functions/repeating-radial-gradient css/functions/rotate() css/functions/rotate3d()
css/functions/rotateX() css/functions/rotateY() css/functions/rotateZ()
css/functions/saturate css/functions/scale()
css/functions/scale3d() css/functions/scaleX() css/functions/scaleY()
css/functions/scaleZ() css/functions/sepia
css/functions/skew() css/functions/skewX() css/functions/skewY()
css/functions/steps css/functions/translate()
css/functions/translate3d() css/functions/translateX() css/functions/translateY()
css/functions/translateZ() css/functions/url() css/functions/var
css/generated and replaced content css/high contrast mode/properties/-ms-high-contrast css/high contrast modeapis/properties/ms-high-contrast-adjust
css/keywords css/ko
css/media queries css/media queries/accelerator css/media queries/any-hover
css/media queries/any-pointer css/media queries/apis css/media queries/apis/MediaQueryList
css/media queries/apis/MediaQueryListListener css/media queries/apis/StyleMedia css/media queries/apis/addListener
css/media queries/apis/handleChange css/media queries/apis/matchMedia css/media queries/apis/matchMedium
css/media queries/apis/matches css/media queries/apis/media css/media queries/apis/properties/type
css/media queries/apis/removeListener css/media queries/aspect-ratio