CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available" lang="es" dir="ltr"> <head> <meta charset="UTF-8"> <title>CSS - Wikipedia, la enciclopedia libre</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )eswikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],"wgRequestId":"185775ab-6528-46eb-a6fc-099b67e75199","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"CSS","wgTitle":"CSS","wgCurRevisionId":165463282,"wgRevisionId":165463282,"wgArticleId":16704,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Wikipedia:Páginas con enlaces mágicos de RFC","Wikipedia:Páginas con traducciones del inglés","Wikipedia:Artículos con identificadores BNE","Wikipedia:Artículos con identificadores BNF","Wikipedia:Artículos con identificadores GND","Wikipedia:Artículos con identificadores LCCN","Diseño web","Lenguajes de marcado","Estándares del World Wide Web Consortium","Introducciones relacionadas a la ciencia de la computación de 1996"],"wgPageViewLanguage":"es","wgPageContentLanguage":"es","wgPageContentModel":"wikitext","wgRelevantPageName":"CSS","wgRelevantArticleId":16704,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"es","pageLanguageDir":"ltr","pageVariantFallbacks":"es"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":50000,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q46441","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":true,"wgGELevelingUpEnabledForUser":false}; RLSTATE={"ext.gadget.imagenesinfobox":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.a-commons-directo","ext.gadget.ReferenceTooltips","ext.gadget.refToolbar","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=es&modules=ext.cite.styles%7Cext.pygments%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=es&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=es&modules=ext.gadget.imagenesinfobox&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=es&modules=site.styles&only=styles&skin=vector-2022"> <noscript><link rel="stylesheet" href="/w/load.php?lang=es&modules=noscript&only=styles&skin=vector-2022"></noscript> <meta name="generator" content="MediaWiki 1.44.0-wmf.22"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/1200px-Official_CSS_Logo.svg.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1200"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/800px-Official_CSS_Logo.svg.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="800"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/640px-Official_CSS_Logo.svg.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="640"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="CSS - Wikipedia, la enciclopedia libre"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//es.m.wikipedia.org/wiki/CSS"> <link rel="alternate" type="application/x-wiki" title="Editar" href="/w/index.php?title=CSS&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (es)"> <link rel="EditURI" type="application/rsd+xml" href="//es.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://es.wikipedia.org/wiki/CSS"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.es"> <link rel="alternate" type="application/atom+xml" title="Canal Atom de Wikipedia" href="/w/index.php?title=Especial:CambiosRecientes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="auth.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-CSS rootpage-CSS skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Ir al contenido</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Sitio"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" title="Menú principal" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menú principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menú principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menú principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">mover a la barra lateral</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">ocultar</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navegación </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikipedia:Portada" title="Visitar la página principal [z]" accesskey="z"><span>Portada</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Portal:Comunidad" title="Acerca del proyecto, lo que puedes hacer, dónde encontrar información"><span>Portal de la comunidad</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Actualidad" title="Encuentra información de contexto sobre acontecimientos actuales"><span>Actualidad</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Especial:CambiosRecientes" title="Lista de cambios recientes en la wiki [r]" accesskey="r"><span>Cambios recientes</span></a></li><li id="n-newpages" class="mw-list-item"><a href="/wiki/Especial:P%C3%A1ginasNuevas"><span>Páginas nuevas</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Especial:Aleatoria" title="Cargar una página al azar [x]" accesskey="x"><span>Página aleatoria</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Ayuda:Contenidos" title="El lugar para aprender"><span>Ayuda</span></a></li><li id="n-bug_in_article" class="mw-list-item"><a href="/wiki/Wikipedia:Informes_de_error"><span>Notificar un error</span></a></li><li id="n-specialpages" class="mw-list-item"><a href="/wiki/Especial:P%C3%A1ginasEspeciales"><span>Páginas especiales</span></a></li> </ul> </div> </div> <div id="p-specialpages-url|specialpages" class="vector-menu mw-portlet mw-portlet-specialpages-url_specialpages emptyPortlet" > <div class="vector-menu-heading"> specialpages-url|specialpages </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikipedia:Portada" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="La enciclopedia libre" src="/static/images/mobile/copyright/wikipedia-tagline-es.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Especial:Buscar" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Buscar en este wiki [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Buscar</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Buscar en Wikipedia" aria-label="Buscar en Wikipedia" autocapitalize="sentences" title="Buscar en este wiki [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Especial:Buscar"> </div> <button class="cdx-button cdx-search-input__end-button">Buscar</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Herramientas personales"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apariencia"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Cambiar la apariencia del tamaño, ancho y color de la fuente de la página" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apariencia" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apariencia</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=es.wikipedia.org&uselang=es" class=""><span>Donaciones</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Especial:Crear_una_cuenta&returnto=CSS" title="Te recomendamos crear una cuenta e iniciar sesión; sin embargo, no es obligatorio" class=""><span>Crear una cuenta</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Especial:Entrar&returnto=CSS" title="Te recomendamos iniciar sesión, aunque no es obligatorio [o]" accesskey="o" class=""><span>Acceder</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Más opciones" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Herramientas personales" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Herramientas personales</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menú de usuario" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=es.wikipedia.org&uselang=es"><span>Donaciones</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Especial:Crear_una_cuenta&returnto=CSS" title="Te recomendamos crear una cuenta e iniciar sesión; sin embargo, no es obligatorio"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Crear una cuenta</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Especial:Entrar&returnto=CSS" title="Te recomendamos iniciar sesión, aunque no es obligatorio [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Acceder</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Páginas para editores desconectados <a href="/wiki/Ayuda:Introducci%C3%B3n" aria-label="Obtenga más información sobre editar"><span>más información</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Especial:MisContribuciones" title="Una lista de modificaciones hechas desde esta dirección IP [y]" accesskey="y"><span>Contribuciones</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Especial:MiDiscusi%C3%B3n" title="Discusión sobre ediciones hechas desde esta dirección IP [n]" accesskey="n"><span>Discusión</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Sitio"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contenidos" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contenidos</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">mover a la barra lateral</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">ocultar</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Inicio</div> </a> </li> <li id="toc-Sintaxis" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Sintaxis"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Sintaxis</span> </div> </a> <button aria-controls="toc-Sintaxis-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Alternar subsección Sintaxis</span> </button> <ul id="toc-Sintaxis-sublist" class="vector-toc-list"> <li id="toc-Selectores" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Selectores"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1</span> <span>Selectores</span> </div> </a> <ul id="toc-Selectores-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Bloque_de_declaraciones" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Bloque_de_declaraciones"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.2</span> <span>Bloque de declaraciones</span> </div> </a> <ul id="toc-Bloque_de_declaraciones-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Uso" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Uso"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3</span> <span>Uso</span> </div> </a> <ul id="toc-Uso-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Fuentes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Fuentes"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.4</span> <span>Fuentes</span> </div> </a> <ul id="toc-Fuentes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Especificidad" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Especificidad"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.5</span> <span>Especificidad</span> </div> </a> <ul id="toc-Especificidad-sublist" class="vector-toc-list"> <li id="toc-Ejemplo" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Ejemplo"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.5.1</span> <span>Ejemplo</span> </div> </a> <ul id="toc-Ejemplo-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Herencia" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Herencia"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.6</span> <span>Herencia</span> </div> </a> <ul id="toc-Herencia-sublist" class="vector-toc-list"> <li id="toc-Ejemplo_2" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Ejemplo_2"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.6.1</span> <span>Ejemplo</span> </div> </a> <ul id="toc-Ejemplo_2-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Espacios_en_blanco" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Espacios_en_blanco"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.7</span> <span>Espacios en blanco</span> </div> </a> <ul id="toc-Espacios_en_blanco-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Posicionamiento" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Posicionamiento"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.8</span> <span>Posicionamiento</span> </div> </a> <ul id="toc-Posicionamiento-sublist" class="vector-toc-list"> <li id="toc-Propiedades_de_posicionamiento" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Propiedades_de_posicionamiento"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.8.1</span> <span>Propiedades de posicionamiento</span> </div> </a> <ul id="toc-Propiedades_de_posicionamiento-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Float_y_clear" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Float_y_clear"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.8.2</span> <span>Float y clear</span> </div> </a> <ul id="toc-Float_y_clear-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Historia" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Historia"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Historia</span> </div> </a> <ul id="toc-Historia-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Niveles" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Niveles"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Niveles</span> </div> </a> <button aria-controls="toc-Niveles-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Alternar subsección Niveles</span> </button> <ul id="toc-Niveles-sublist" class="vector-toc-list"> <li id="toc-CSS1" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#CSS1"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>CSS1</span> </div> </a> <ul id="toc-CSS1-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-CSS2" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#CSS2"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>CSS2</span> </div> </a> <ul id="toc-CSS2-sublist" class="vector-toc-list"> <li id="toc-CSS_2.1" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#CSS_2.1"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.1</span> <span>CSS 2.1</span> </div> </a> <ul id="toc-CSS_2.1-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-CSS3" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#CSS3"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3</span> <span>CSS3</span> </div> </a> <ul id="toc-CSS3-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-CSS4" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#CSS4"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.4</span> <span>CSS4</span> </div> </a> <ul id="toc-CSS4-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Soporte_por_los_navegadores_web" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Soporte_por_los_navegadores_web"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Soporte por los navegadores web</span> </div> </a> <ul id="toc-Soporte_por_los_navegadores_web-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Limitaciones" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Limitaciones"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Limitaciones</span> </div> </a> <ul id="toc-Limitaciones-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Limitaciones_resueltas" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Limitaciones_resueltas"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Limitaciones resueltas</span> </div> </a> <ul id="toc-Limitaciones_resueltas-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Ventajas" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Ventajas"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Ventajas</span> </div> </a> <ul id="toc-Ventajas-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Frameworks_de_CSS" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Frameworks_de_CSS"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Frameworks de CSS</span> </div> </a> <ul id="toc-Frameworks_de_CSS-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Véase_también" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Véase_también"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span> <span>Véase también</span> </div> </a> <ul id="toc-Véase_también-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Referencias" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Referencias"> <div class="vector-toc-text"> <span class="vector-toc-numb">10</span> <span>Referencias</span> </div> </a> <ul id="toc-Referencias-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Enlaces_externos" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Enlaces_externos"> <div class="vector-toc-text"> <span class="vector-toc-numb">11</span> <span>Enlaces externos</span> </div> </a> <ul id="toc-Enlaces_externos-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contenidos" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" title="Tabla de contenidos" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Cambiar a la tabla de contenidos" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Cambiar a la tabla de contenidos</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">CSS</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Ir a un artículo en otro idioma. Disponible en 94 idiomas" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-94" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">94 idiomas</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-af mw-list-item"><a href="https://af.wikipedia.org/wiki/CSS" title="CSS – afrikáans" lang="af" hreflang="af" data-title="CSS" data-language-autonym="Afrikaans" data-language-local-name="afrikáans" class="interlanguage-link-target"><span>Afrikaans</span></a></li><li class="interlanguage-link interwiki-an mw-list-item"><a href="https://an.wikipedia.org/wiki/CSS" title="CSS – aragonés" lang="an" hreflang="an" data-title="CSS" data-language-autonym="Aragonés" data-language-local-name="aragonés" class="interlanguage-link-target"><span>Aragonés</span></a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%A3%D9%88%D8%B1%D8%A7%D9%82_%D8%A7%D9%84%D8%A3%D9%86%D9%85%D8%A7%D8%B7_%D8%A7%D9%84%D9%85%D8%AA%D8%AA%D8%A7%D9%84%D9%8A%D8%A9" title="أوراق الأنماط المتتالية – árabe" lang="ar" hreflang="ar" data-title="أوراق الأنماط المتتالية" data-language-autonym="العربية" data-language-local-name="árabe" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-as mw-list-item"><a href="https://as.wikipedia.org/wiki/%E0%A6%9A%E0%A6%BF_%E0%A6%8F%E0%A6%9B_%E0%A6%8F%E0%A6%9B" title="চি এছ এছ – asamés" lang="as" hreflang="as" data-title="চি এছ এছ" data-language-autonym="অসমীয়া" data-language-local-name="asamés" class="interlanguage-link-target"><span>অসমীয়া</span></a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/CSS" title="CSS – azerbaiyano" lang="az" hreflang="az" data-title="CSS" data-language-autonym="Azərbaycanca" data-language-local-name="azerbaiyano" class="interlanguage-link-target"><span>Azərbaycanca</span></a></li><li class="interlanguage-link interwiki-bar mw-list-item"><a href="https://bar.wikipedia.org/wiki/CSS" title="CSS – Bavarian" lang="bar" hreflang="bar" data-title="CSS" data-language-autonym="Boarisch" data-language-local-name="Bavarian" class="interlanguage-link-target"><span>Boarisch</span></a></li><li class="interlanguage-link interwiki-bat-smg mw-list-item"><a href="https://bat-smg.wikipedia.org/wiki/CSS" title="CSS – Samogitian" lang="sgs" hreflang="sgs" data-title="CSS" data-language-autonym="Žemaitėška" data-language-local-name="Samogitian" class="interlanguage-link-target"><span>Žemaitėška</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BA%D0%B0%D0%B4%D0%BD%D1%8B%D1%8F_%D1%82%D0%B0%D0%B1%D0%BB%D1%96%D1%86%D1%8B_%D1%81%D1%82%D1%8B%D0%BB%D1%8F%D1%9E" title="Каскадныя табліцы стыляў – bielorruso" lang="be" hreflang="be" data-title="Каскадныя табліцы стыляў" data-language-autonym="Беларуская" data-language-local-name="bielorruso" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-be-x-old mw-list-item"><a href="https://be-tarask.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BA%D0%B0%D0%B4%D0%BD%D1%8B%D1%8F_%D1%82%D0%B0%D0%B1%D0%BB%D1%96%D1%86%D1%8B_%D1%81%D1%82%D1%8B%D0%BB%D1%8F%D1%9E" title="Каскадныя табліцы стыляў – Belarusian (Taraškievica orthography)" lang="be-tarask" hreflang="be-tarask" data-title="Каскадныя табліцы стыляў" data-language-autonym="Беларуская (тарашкевіца)" data-language-local-name="Belarusian (Taraškievica orthography)" class="interlanguage-link-target"><span>Беларуская (тарашкевіца)</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/CSS" title="CSS – búlgaro" lang="bg" hreflang="bg" data-title="CSS" data-language-autonym="Български" data-language-local-name="búlgaro" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%95%E0%A7%8D%E0%A6%AF%E0%A6%BE%E0%A6%B8%E0%A6%95%E0%A7%87%E0%A6%A1%E0%A6%BF%E0%A6%82_%E0%A6%B8%E0%A7%8D%E0%A6%9F%E0%A6%BE%E0%A6%87%E0%A6%B2_%E0%A6%B6%E0%A7%80%E0%A6%9F%E0%A6%B8" title="ক্যাসকেডিং স্টাইল শীটস – bengalí" lang="bn" hreflang="bn" data-title="ক্যাসকেডিং স্টাইল শীটস" data-language-autonym="বাংলা" data-language-local-name="bengalí" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-br mw-list-item"><a href="https://br.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – bretón" lang="br" hreflang="br" data-title="Cascading Style Sheets" data-language-autonym="Brezhoneg" data-language-local-name="bretón" class="interlanguage-link-target"><span>Brezhoneg</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/CSS" title="CSS – bosnio" lang="bs" hreflang="bs" data-title="CSS" data-language-autonym="Bosanski" data-language-local-name="bosnio" class="interlanguage-link-target"><span>Bosanski</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – catalán" lang="ca" hreflang="ca" data-title="Cascading Style Sheets" data-language-autonym="Català" data-language-local-name="catalán" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-ckb mw-list-item"><a href="https://ckb.wikipedia.org/wiki/%D8%B3%DB%8C_%D8%A6%DB%8E%D8%B3_%D8%A6%DB%8E%D8%B3" title="سی ئێس ئێس – kurdo sorani" lang="ckb" hreflang="ckb" data-title="سی ئێس ئێس" data-language-autonym="کوردی" data-language-local-name="kurdo sorani" class="interlanguage-link-target"><span>کوردی</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Kask%C3%A1dov%C3%A9_styly" title="Kaskádové styly – checo" lang="cs" hreflang="cs" data-title="Kaskádové styly" data-language-autonym="Čeština" data-language-local-name="checo" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-cy mw-list-item"><a href="https://cy.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – galés" lang="cy" hreflang="cy" data-title="Cascading Style Sheets" data-language-autonym="Cymraeg" data-language-local-name="galés" class="interlanguage-link-target"><span>Cymraeg</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/CSS" title="CSS – danés" lang="da" hreflang="da" data-title="CSS" data-language-autonym="Dansk" data-language-local-name="danés" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – alemán" lang="de" hreflang="de" data-title="Cascading Style Sheets" data-language-autonym="Deutsch" data-language-local-name="alemán" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-diq mw-list-item"><a href="https://diq.wikipedia.org/wiki/CSS%C3%AA_xasi" title="CSSê xasi – Dimli" lang="diq" hreflang="diq" data-title="CSSê xasi" data-language-autonym="Zazaki" data-language-local-name="Dimli" class="interlanguage-link-target"><span>Zazaki</span></a></li><li class="interlanguage-link interwiki-dsb mw-list-item"><a href="https://dsb.wikipedia.org/wiki/CSS" title="CSS – bajo sorbio" lang="dsb" hreflang="dsb" data-title="CSS" data-language-autonym="Dolnoserbski" data-language-local-name="bajo sorbio" class="interlanguage-link-target"><span>Dolnoserbski</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/CSS" title="CSS – griego" lang="el" hreflang="el" data-title="CSS" data-language-autonym="Ελληνικά" data-language-local-name="griego" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/CSS" title="CSS – inglés" lang="en" hreflang="en" data-title="CSS" data-language-autonym="English" data-language-local-name="inglés" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/CSS" title="CSS – esperanto" lang="eo" hreflang="eo" data-title="CSS" data-language-autonym="Esperanto" data-language-local-name="esperanto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/CSS" title="CSS – estonio" lang="et" hreflang="et" data-title="CSS" data-language-autonym="Eesti" data-language-local-name="estonio" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/CSS" title="CSS – euskera" lang="eu" hreflang="eu" data-title="CSS" data-language-autonym="Euskara" data-language-local-name="euskera" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%B3%DB%8C%E2%80%8C%D8%A7%D8%B3%E2%80%8C%D8%A7%D8%B3" title="سی‌اس‌اس – persa" lang="fa" hreflang="fa" data-title="سی‌اس‌اس" data-language-autonym="فارسی" data-language-local-name="persa" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/CSS" title="CSS – finés" lang="fi" hreflang="fi" data-title="CSS" data-language-autonym="Suomi" data-language-local-name="finés" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade" title="Feuilles de style en cascade – francés" lang="fr" hreflang="fr" data-title="Feuilles de style en cascade" data-language-autonym="Français" data-language-local-name="francés" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-frr mw-list-item"><a href="https://frr.wikipedia.org/wiki/CSS" title="CSS – frisón septentrional" lang="frr" hreflang="frr" data-title="CSS" data-language-autonym="Nordfriisk" data-language-local-name="frisón septentrional" class="interlanguage-link-target"><span>Nordfriisk</span></a></li><li class="interlanguage-link interwiki-ga mw-list-item"><a href="https://ga.wikipedia.org/wiki/St%C3%ADlbhileoga_casc%C3%A1ideacha" title="Stílbhileoga cascáideacha – irlandés" lang="ga" hreflang="ga" data-title="Stílbhileoga cascáideacha" data-language-autonym="Gaeilge" data-language-local-name="irlandés" class="interlanguage-link-target"><span>Gaeilge</span></a></li><li class="interlanguage-link interwiki-gd mw-list-item"><a href="https://gd.wikipedia.org/wiki/CSS" title="CSS – gaélico escocés" lang="gd" hreflang="gd" data-title="CSS" data-language-autonym="Gàidhlig" data-language-local-name="gaélico escocés" class="interlanguage-link-target"><span>Gàidhlig</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/CSS" title="CSS – gallego" lang="gl" hreflang="gl" data-title="CSS" data-language-autonym="Galego" data-language-local-name="gallego" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-haw mw-list-item"><a href="https://haw.wikipedia.org/wiki/CSS" title="CSS – hawaiano" lang="haw" hreflang="haw" data-title="CSS" data-language-autonym="Hawaiʻi" data-language-local-name="hawaiano" class="interlanguage-link-target"><span>Hawaiʻi</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%92%D7%99%D7%9C%D7%99%D7%95%D7%A0%D7%95%D7%AA_%D7%A1%D7%92%D7%A0%D7%95%D7%9F_%D7%9E%D7%93%D7%95%D7%A8%D7%92%D7%99%D7%9D" title="גיליונות סגנון מדורגים – hebreo" lang="he" hreflang="he" data-title="גיליונות סגנון מדורגים" data-language-autonym="עברית" data-language-local-name="hebreo" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%B8%E0%A5%80%E0%A4%8F%E0%A4%B8%E0%A4%8F%E0%A4%B8" title="सीएसएस – hindi" lang="hi" hreflang="hi" data-title="सीएसएस" data-language-autonym="हिन्दी" data-language-local-name="hindi" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/CSS" title="CSS – croata" lang="hr" hreflang="hr" data-title="CSS" data-language-autonym="Hrvatski" data-language-local-name="croata" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-hsb mw-list-item"><a href="https://hsb.wikipedia.org/wiki/CSS" title="CSS – alto sorbio" lang="hsb" hreflang="hsb" data-title="CSS" data-language-autonym="Hornjoserbsce" data-language-local-name="alto sorbio" class="interlanguage-link-target"><span>Hornjoserbsce</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/CSS" title="CSS – húngaro" lang="hu" hreflang="hu" data-title="CSS" data-language-autonym="Magyar" data-language-local-name="húngaro" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/%D4%BF%D5%A1%D5%BD%D5%AF%D5%A1%D5%A4%D5%A1%D5%B5%D5%AB%D5%B6_%D5%B8%D5%B3%D5%A1%D5%A9%D5%A5%D6%80%D5%A9" title="Կասկադային ոճաթերթ – armenio" lang="hy" hreflang="hy" data-title="Կասկադային ոճաթերթ" data-language-autonym="Հայերեն" data-language-local-name="armenio" class="interlanguage-link-target"><span>Հայերեն</span></a></li><li class="interlanguage-link interwiki-ia mw-list-item"><a href="https://ia.wikipedia.org/wiki/CSS" title="CSS – interlingua" lang="ia" hreflang="ia" data-title="CSS" data-language-autonym="Interlingua" data-language-local-name="interlingua" class="interlanguage-link-target"><span>Interlingua</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – indonesio" lang="id" hreflang="id" data-title="Cascading Style Sheets" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonesio" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/CSS" title="CSS – islandés" lang="is" hreflang="is" data-title="CSS" data-language-autonym="Íslenska" data-language-local-name="islandés" class="interlanguage-link-target"><span>Íslenska</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/CSS" title="CSS – italiano" lang="it" hreflang="it" data-title="CSS" data-language-autonym="Italiano" data-language-local-name="italiano" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – japonés" lang="ja" hreflang="ja" data-title="Cascading Style Sheets" data-language-autonym="日本語" data-language-local-name="japonés" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ka mw-list-item"><a href="https://ka.wikipedia.org/wiki/CSS" title="CSS – georgiano" lang="ka" hreflang="ka" data-title="CSS" data-language-autonym="ქართული" data-language-local-name="georgiano" class="interlanguage-link-target"><span>ქართული</span></a></li><li class="interlanguage-link interwiki-kaa mw-list-item"><a href="https://kaa.wikipedia.org/wiki/CSS" title="CSS – karakalpako" lang="kaa" hreflang="kaa" data-title="CSS" data-language-autonym="Qaraqalpaqsha" data-language-local-name="karakalpako" class="interlanguage-link-target"><span>Qaraqalpaqsha</span></a></li><li class="interlanguage-link interwiki-kab mw-list-item"><a href="https://kab.wikipedia.org/wiki/Tiferkiyin_n_wa%C9%A3anen_ikussimen" title="Tiferkiyin n waɣanen ikussimen – cabileño" lang="kab" hreflang="kab" data-title="Tiferkiyin n waɣanen ikussimen" data-language-autonym="Taqbaylit" data-language-local-name="cabileño" class="interlanguage-link-target"><span>Taqbaylit</span></a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/CSS" title="CSS – kazajo" lang="kk" hreflang="kk" data-title="CSS" data-language-autonym="Қазақша" data-language-local-name="kazajo" class="interlanguage-link-target"><span>Қазақша</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/CSS" title="CSS – coreano" lang="ko" hreflang="ko" data-title="CSS" data-language-autonym="한국어" data-language-local-name="coreano" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-ky mw-list-item"><a href="https://ky.wikipedia.org/wiki/CSS" title="CSS – kirguís" lang="ky" hreflang="ky" data-title="CSS" data-language-autonym="Кыргызча" data-language-local-name="kirguís" class="interlanguage-link-target"><span>Кыргызча</span></a></li><li class="interlanguage-link interwiki-lfn mw-list-item"><a href="https://lfn.wikipedia.org/wiki/CSS" title="CSS – Lingua Franca Nova" lang="lfn" hreflang="lfn" data-title="CSS" data-language-autonym="Lingua Franca Nova" data-language-local-name="Lingua Franca Nova" class="interlanguage-link-target"><span>Lingua Franca Nova</span></a></li><li class="interlanguage-link interwiki-lmo mw-list-item"><a href="https://lmo.wikipedia.org/wiki/CSS" title="CSS – lombardo" lang="lmo" hreflang="lmo" data-title="CSS" data-language-autonym="Lombard" data-language-local-name="lombardo" class="interlanguage-link-target"><span>Lombard</span></a></li><li class="interlanguage-link interwiki-lt mw-list-item"><a href="https://lt.wikipedia.org/wiki/CSS" title="CSS – lituano" lang="lt" hreflang="lt" data-title="CSS" data-language-autonym="Lietuvių" data-language-local-name="lituano" class="interlanguage-link-target"><span>Lietuvių</span></a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/CSS" title="CSS – letón" lang="lv" hreflang="lv" data-title="CSS" data-language-autonym="Latviešu" data-language-local-name="letón" class="interlanguage-link-target"><span>Latviešu</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/CSS" title="CSS – macedonio" lang="mk" hreflang="mk" data-title="CSS" data-language-autonym="Македонски" data-language-local-name="macedonio" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-ml mw-list-item"><a href="https://ml.wikipedia.org/wiki/%E0%B4%95%E0%B4%BE%E0%B4%B8%E0%B5%8D%E2%80%8C%E0%B4%95%E0%B5%87%E0%B4%A1%E0%B4%BF%E0%B4%99%E0%B5%8D%E0%B4%99%E0%B5%8D_%E0%B4%B8%E0%B5%8D%E0%B4%B1%E0%B5%8D%E0%B4%B1%E0%B5%88%E0%B5%BD_%E0%B4%B7%E0%B5%80%E0%B4%B1%E0%B5%8D%E0%B4%B1%E0%B5%8D%E2%80%8C%E0%B4%B8%E0%B5%8D" title="കാസ്‌കേഡിങ്ങ് സ്റ്റൈൽ ഷീറ്റ്‌സ് – malayálam" lang="ml" hreflang="ml" data-title="കാസ്‌കേഡിങ്ങ് സ്റ്റൈൽ ഷീറ്റ്‌സ്" data-language-autonym="മലയാളം" data-language-local-name="malayálam" class="interlanguage-link-target"><span>മലയാളം</span></a></li><li class="interlanguage-link interwiki-mni mw-list-item"><a href="https://mni.wikipedia.org/wiki/%EA%AF%80%EA%AF%A6%EA%AF%81%EA%AF%80%EA%AF%97%EA%AF%A4%EA%AF%A1_%EA%AF%81%EA%AF%AD%EA%AF%87%EA%AF%A5%EA%AF%8F%EA%AF%9C_%EA%AF%81%EA%AF%A4%EA%AF%A0%EA%AF%81" title="ꯀꯦꯁꯀꯗꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯁꯤꯠꯁ – manipurí" lang="mni" hreflang="mni" data-title="ꯀꯦꯁꯀꯗꯤꯡ ꯁ꯭ꯇꯥꯏꯜ ꯁꯤꯠꯁ" data-language-autonym="ꯃꯤꯇꯩ ꯂꯣꯟ" data-language-local-name="manipurí" class="interlanguage-link-target"><span>ꯃꯤꯇꯩ ꯂꯣꯟ</span></a></li><li class="interlanguage-link interwiki-ms mw-list-item"><a href="https://ms.wikipedia.org/wiki/Lembaran_Gaya_Lata" title="Lembaran Gaya Lata – malayo" lang="ms" hreflang="ms" data-title="Lembaran Gaya Lata" data-language-autonym="Bahasa Melayu" data-language-local-name="malayo" class="interlanguage-link-target"><span>Bahasa Melayu</span></a></li><li class="interlanguage-link interwiki-my mw-list-item"><a href="https://my.wikipedia.org/wiki/%E1%80%85%E1%80%AE%E1%80%A1%E1%80%80%E1%80%BA%E1%80%85%E1%80%BA%E1%80%A1%E1%80%80%E1%80%BA%E1%80%85%E1%80%BA" title="စီအက်စ်အက်စ် – birmano" lang="my" hreflang="my" data-title="စီအက်စ်အက်စ်" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="birmano" class="interlanguage-link-target"><span>မြန်မာဘာသာ</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – neerlandés" lang="nl" hreflang="nl" data-title="Cascading Style Sheets" data-language-autonym="Nederlands" data-language-local-name="neerlandés" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-nn mw-list-item"><a href="https://nn.wikipedia.org/wiki/Stilark" title="Stilark – noruego nynorsk" lang="nn" hreflang="nn" data-title="Stilark" data-language-autonym="Norsk nynorsk" data-language-local-name="noruego nynorsk" class="interlanguage-link-target"><span>Norsk nynorsk</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – noruego bokmal" lang="nb" hreflang="nb" data-title="Cascading Style Sheets" data-language-autonym="Norsk bokmål" data-language-local-name="noruego bokmal" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-pa mw-list-item"><a href="https://pa.wikipedia.org/wiki/%E0%A8%B8%E0%A9%80.%E0%A8%90%E0%A8%B8.%E0%A8%90%E0%A8%B8" title="ਸੀ.ਐਸ.ਐਸ – punyabí" lang="pa" hreflang="pa" data-title="ਸੀ.ਐਸ.ਐਸ" data-language-autonym="ਪੰਜਾਬੀ" data-language-local-name="punyabí" class="interlanguage-link-target"><span>ਪੰਜਾਬੀ</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Kaskadowe_arkusze_styl%C3%B3w" title="Kaskadowe arkusze stylów – polaco" lang="pl" hreflang="pl" data-title="Kaskadowe arkusze stylów" data-language-autonym="Polski" data-language-local-name="polaco" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pnb mw-list-item"><a href="https://pnb.wikipedia.org/wiki/%D8%B3%DB%8C_%D8%A7%DB%8C%D8%B3_%D8%A7%DB%8C%D8%B3" title="سی ایس ایس – Western Punjabi" lang="pnb" hreflang="pnb" data-title="سی ایس ایس" data-language-autonym="پنجابی" data-language-local-name="Western Punjabi" class="interlanguage-link-target"><span>پنجابی</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – portugués" lang="pt" hreflang="pt" data-title="Cascading Style Sheets" data-language-autonym="Português" data-language-local-name="portugués" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-qu mw-list-item"><a href="https://qu.wikipedia.org/wiki/CSS" title="CSS – quechua" lang="qu" hreflang="qu" data-title="CSS" data-language-autonym="Runa Simi" data-language-local-name="quechua" class="interlanguage-link-target"><span>Runa Simi</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – rumano" lang="ro" hreflang="ro" data-title="Cascading Style Sheets" data-language-autonym="Română" data-language-local-name="rumano" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/CSS" title="CSS – ruso" lang="ru" hreflang="ru" data-title="CSS" data-language-autonym="Русский" data-language-local-name="ruso" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/CSS" title="CSS – serbocroata" lang="sh" hreflang="sh" data-title="CSS" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="serbocroata" class="interlanguage-link-target"><span>Srpskohrvatski / српскохрватски</span></a></li><li class="interlanguage-link interwiki-si mw-list-item"><a href="https://si.wikipedia.org/wiki/%E0%B7%83%E0%B6%82%E0%B6%BA%E0%B7%94%E0%B6%9A%E0%B7%8A%E0%B6%AD_%E0%B7%83%E0%B7%90%E0%B6%BB%E0%B7%83%E0%B7%94%E0%B6%B8%E0%B7%8A_%E0%B6%B4%E0%B7%92%E2%80%8D%E0%B6%A7%E0%B7%94(CSS)" title="සංයුක්ත සැරසුම් පි‍ටු(CSS) – cingalés" lang="si" hreflang="si" data-title="සංයුක්ත සැරසුම් පි‍ටු(CSS)" data-language-autonym="සිංහල" data-language-local-name="cingalés" class="interlanguage-link-target"><span>සිංහල</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – Simple English" lang="en-simple" hreflang="en-simple" data-title="Cascading Style Sheets" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Kask%C3%A1dov%C3%A9_%C5%A1t%C3%BDly" title="Kaskádové štýly – eslovaco" lang="sk" hreflang="sk" data-title="Kaskádové štýly" data-language-autonym="Slovenčina" data-language-local-name="eslovaco" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/CSS" title="CSS – esloveno" lang="sl" hreflang="sl" data-title="CSS" data-language-autonym="Slovenščina" data-language-local-name="esloveno" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-sq mw-list-item"><a href="https://sq.wikipedia.org/wiki/Fletat_e_Stileve_t%C3%AB_Shkall%C3%ABzuar" title="Fletat e Stileve të Shkallëzuar – albanés" lang="sq" hreflang="sq" data-title="Fletat e Stileve të Shkallëzuar" data-language-autonym="Shqip" data-language-local-name="albanés" class="interlanguage-link-target"><span>Shqip</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/CSS" title="CSS – serbio" lang="sr" hreflang="sr" data-title="CSS" data-language-autonym="Српски / srpski" data-language-local-name="serbio" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets – sueco" lang="sv" hreflang="sv" data-title="Cascading Style Sheets" data-language-autonym="Svenska" data-language-local-name="sueco" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-ta mw-list-item"><a href="https://ta.wikipedia.org/wiki/%E0%AE%B5%E0%AE%BF%E0%AE%B4%E0%AF%81%E0%AE%A4%E0%AF%8D%E0%AE%A4%E0%AF%8A%E0%AE%9F%E0%AE%B0%E0%AF%8D_%E0%AE%AA%E0%AE%BE%E0%AE%A3%E0%AE%BF%E0%AE%A4%E0%AF%8D_%E0%AE%A4%E0%AE%BE%E0%AE%B3%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D" title="விழுத்தொடர் பாணித் தாள்கள் – tamil" lang="ta" hreflang="ta" data-title="விழுத்தொடர் பாணித் தாள்கள்" data-language-autonym="தமிழ்" data-language-local-name="tamil" class="interlanguage-link-target"><span>தமிழ்</span></a></li><li class="interlanguage-link interwiki-tet mw-list-item"><a href="https://tet.wikipedia.org/wiki/CSS" title="CSS – tetún" lang="tet" hreflang="tet" data-title="CSS" data-language-autonym="Tetun" data-language-local-name="tetún" class="interlanguage-link-target"><span>Tetun</span></a></li><li class="interlanguage-link interwiki-tg mw-list-item"><a href="https://tg.wikipedia.org/wiki/CSS" title="CSS – tayiko" lang="tg" hreflang="tg" data-title="CSS" data-language-autonym="Тоҷикӣ" data-language-local-name="tayiko" class="interlanguage-link-target"><span>Тоҷикӣ</span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%84%E0%B8%AA%E0%B9%80%E0%B8%84%E0%B8%94%E0%B8%94%E0%B8%B4%E0%B8%87%E0%B8%AA%E0%B9%84%E0%B8%95%E0%B8%A5%E0%B9%8C%E0%B8%8A%E0%B8%B5%E0%B8%95%E0%B8%AA%E0%B9%8C" title="แคสเคดดิงสไตล์ชีตส์ – tailandés" lang="th" hreflang="th" data-title="แคสเคดดิงสไตล์ชีตส์" data-language-autonym="ไทย" data-language-local-name="tailandés" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-tk mw-list-item"><a href="https://tk.wikipedia.org/wiki/CSS" title="CSS – turcomano" lang="tk" hreflang="tk" data-title="CSS" data-language-autonym="Türkmençe" data-language-local-name="turcomano" class="interlanguage-link-target"><span>Türkmençe</span></a></li><li class="interlanguage-link interwiki-tl mw-list-item"><a href="https://tl.wikipedia.org/wiki/CSS" title="CSS – tagalo" lang="tl" hreflang="tl" data-title="CSS" data-language-autonym="Tagalog" data-language-local-name="tagalo" class="interlanguage-link-target"><span>Tagalog</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/CSS" title="CSS – turco" lang="tr" hreflang="tr" data-title="CSS" data-language-autonym="Türkçe" data-language-local-name="turco" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-ug mw-list-item"><a href="https://ug.wikipedia.org/wiki/CSS" title="CSS – uigur" lang="ug" hreflang="ug" data-title="CSS" data-language-autonym="ئۇيغۇرچە / Uyghurche" data-language-local-name="uigur" class="interlanguage-link-target"><span>ئۇيغۇرچە / Uyghurche</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/CSS" title="CSS – ucraniano" lang="uk" hreflang="uk" data-title="CSS" data-language-autonym="Українська" data-language-local-name="ucraniano" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-ur mw-list-item"><a href="https://ur.wikipedia.org/wiki/%D8%B3%DB%8C_%D8%A7%DB%8C%D8%B3_%D8%A7%DB%8C%D8%B3" title="سی ایس ایس – urdu" lang="ur" hreflang="ur" data-title="سی ایس ایس" data-language-autonym="اردو" data-language-local-name="urdu" class="interlanguage-link-target"><span>اردو</span></a></li><li class="interlanguage-link interwiki-uz mw-list-item"><a href="https://uz.wikipedia.org/wiki/CSS" title="CSS – uzbeko" lang="uz" hreflang="uz" data-title="CSS" data-language-autonym="Oʻzbekcha / ўзбекча" data-language-local-name="uzbeko" class="interlanguage-link-target"><span>Oʻzbekcha / ўзбекча</span></a></li><li class="interlanguage-link interwiki-vec mw-list-item"><a href="https://vec.wikipedia.org/wiki/CSS" title="CSS – veneciano" lang="vec" hreflang="vec" data-title="CSS" data-language-autonym="Vèneto" data-language-local-name="veneciano" class="interlanguage-link-target"><span>Vèneto</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/CSS" title="CSS – vietnamita" lang="vi" hreflang="vi" data-title="CSS" data-language-autonym="Tiếng Việt" data-language-local-name="vietnamita" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-wuu mw-list-item"><a href="https://wuu.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8" title="层叠样式表 – chino wu" lang="wuu" hreflang="wuu" data-title="层叠样式表" data-language-autonym="吴语" data-language-local-name="chino wu" class="interlanguage-link-target"><span>吴语</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/CSS" title="CSS – chino" lang="zh" hreflang="zh" data-title="CSS" data-language-autonym="中文" data-language-local-name="chino" class="interlanguage-link-target"><span>中文</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/CSS" title="CSS – cantonés" lang="yue" hreflang="yue" data-title="CSS" data-language-autonym="粵語" data-language-local-name="cantonés" class="interlanguage-link-target"><span>粵語</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q46441#sitelinks-wikipedia" title="Editar enlaces interlingüísticos" class="wbc-editpage">Editar enlaces</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espacios de nombres"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/CSS" title="Ver la página de contenido [c]" accesskey="c"><span>Artículo</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discusi%C3%B3n:CSS" rel="discussion" title="Discusión acerca de la página [t]" accesskey="t"><span>Discusión</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Cambiar variante de idioma" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">español</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Vistas"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/CSS"><span>Leer</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=CSS&action=edit" title="Editar esta página [e]" accesskey="e"><span>Editar</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=CSS&action=history" title="Versiones anteriores de esta página [h]" accesskey="h"><span>Ver historial</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Página de herramientas"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Herramientas" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Herramientas</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Herramientas</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">mover a la barra lateral</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">ocultar</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Más opciones" > <div class="vector-menu-heading"> Acciones </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/CSS"><span>Leer</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=CSS&action=edit" title="Editar esta página [e]" accesskey="e"><span>Editar</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=CSS&action=history"><span>Ver historial</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Especial:LoQueEnlazaAqu%C3%AD/CSS" title="Lista de todas las páginas de la wiki que enlazan aquí [j]" accesskey="j"><span>Lo que enlaza aquí</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Especial:CambiosEnEnlazadas/CSS" rel="nofollow" title="Cambios recientes en las páginas que enlazan con esta [k]" accesskey="k"><span>Cambios en enlazadas</span></a></li><li id="t-upload" class="mw-list-item"><a href="//commons.wikimedia.org/wiki/Special:UploadWizard?uselang=es" title="Subir archivos [u]" accesskey="u"><span>Subir archivo</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=CSS&oldid=165463282" title="Enlace permanente a esta versión de la página"><span>Enlace permanente</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=CSS&action=info" title="Más información sobre esta página"><span>Información de la página</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Especial:Citar&page=CSS&id=165463282&wpFormIdentifier=titleform" title="Información sobre cómo citar esta página"><span>Citar esta página</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Especial:Acortador_de_URL&url=https%3A%2F%2Fes.wikipedia.org%2Fwiki%2FCSS"><span>Obtener URL acortado</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Especial:QrCode&url=https%3A%2F%2Fes.wikipedia.org%2Fwiki%2FCSS"><span>Descargar código QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Imprimir/exportar </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Especial:Libro&bookcmd=book_creator&referer=CSS"><span>Crear un libro</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Especial:DownloadAsPdf&page=CSS&action=show-download-screen"><span>Descargar como PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=CSS&printable=yes" title="Versión imprimible de esta página [p]" accesskey="p"><span>Versión para imprimir</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> En otros proyectos </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Cascading_Style_Sheets" hreflang="en"><span>Wikimedia Commons</span></a></li><li class="wb-otherproject-link wb-otherproject-mediawiki mw-list-item"><a href="https://www.mediawiki.org/wiki/Manual:CSS" hreflang="en"><span>MediaWiki</span></a></li><li class="wb-otherproject-link wb-otherproject-wikibooks mw-list-item"><a href="https://es.wikibooks.org/wiki/Hojas_de_estilo_CSS" hreflang="es"><span>Wikilibros</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q46441" title="Enlace al elemento conectado del repositorio de datos [g]" accesskey="g"><span>Elemento de Wikidata</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Página de herramientas"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apariencia"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apariencia</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">mover a la barra lateral</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">ocultar</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">De Wikipedia, la enciclopedia libre</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="es" dir="ltr"><div class="rellink noprint hatnote"> Para otros usos de este término, véase <a href="/wiki/CSS_(desambiguaci%C3%B3n)" class="mw-disambig" title="CSS (desambiguación)">CSS (desambiguación)</a>.</div> <style data-mw-deduplicate="TemplateStyles:r157776694">.mw-parser-output .infobox .imagen{max-width:100%;margin:0 auto}.mw-parser-output .infobox .imagen img{max-width:100%;height:auto}.mw-parser-output .infobox .mw-kartographer-container .thumbinner,.mw-parser-output .infobox .mw-kartographer-map{box-sizing:border-box;width:100%!important}body.skin-timeless .mw-parser-output .infobox .imagen a.image>img{max-width:100%!important;height:auto!important}</style><table class="infobox" style="width:22.7em; line-height: 1.4em; text-align:left; padding:.23em;"><tbody><tr><th colspan="3" class="cabecera informática" style="text-align:center;background-color:#DCEAEC;color:inherit;">Hojas de estilo en cascada (CSS)</th></tr><tr><td colspan="3" class="imagen" style="text-align:center;"> <span typeof="mw:File"><a href="/wiki/Archivo:Official_CSS_Logo.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/250px-Official_CSS_Logo.svg.png" decoding="async" width="250" height="250" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/375px-Official_CSS_Logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/500px-Official_CSS_Logo.svg.png 2x" data-file-width="1000" data-file-height="1000" /></a></span></td></tr><tr><td colspan="3" class="imagen" style="text-align:center;"> <span typeof="mw:File"><a href="/wiki/Archivo:Ejemplo_de_c%C3%B3digo_CSS.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/88/Ejemplo_de_c%C3%B3digo_CSS.jpg/250px-Ejemplo_de_c%C3%B3digo_CSS.jpg" decoding="async" width="250" height="471" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/88/Ejemplo_de_c%C3%B3digo_CSS.jpg/500px-Ejemplo_de_c%C3%B3digo_CSS.jpg 1.5x" data-file-width="930" data-file-height="1751" /></a></span><br /><div style="display:inline;"><br /><span style="font-size:smaller">Ejemplo de código fuente escrito en CSS.</span></div></td></tr><tr><th colspan="3" style="text-align:center;background-color:#DCEAEC;">Desarrollador</th></tr><tr><td colspan="3" style="text-align:center;"> <b><a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a> (W3C)</b></td></tr><tr><td colspan="3" style="text-align:center;"> <i><a rel="nofollow" class="external free" href="https://www.w3.org/Style/CSS/">https://www.w3.org/Style/CSS/</a> y <a rel="nofollow" class="external free" href="https://drafts.csswg.org/">https://drafts.csswg.org/</a></i></td></tr><tr><th colspan="3" style="text-align:center;background-color:#DCEAEC;">Información general</th></tr><tr><th scope="row" style="text-align:left;"><a href="/wiki/Extensi%C3%B3n_de_archivo" title="Extensión de archivo">Extensión de archivo</a></th><td colspan="2"> <code>.css</code></td></tr><tr><th scope="row" style="text-align:left;"><a href="/wiki/Multipurpose_Internet_Mail_Extensions" title="Multipurpose Internet Mail Extensions">Tipo de MIME</a></th><td colspan="2"> <code>text/css</code></td></tr><tr><th scope="row" style="text-align:left;"><a href="/wiki/Uniform_Type_Identifier" title="Uniform Type Identifier">Uniform Type Identifier</a></th><td colspan="2"> public.css</td></tr><tr><th scope="row" style="text-align:left;">Lanzamiento inicial</th><td colspan="2"> 17 de diciembre de 1996 (27 años)</td></tr><tr><th scope="row" style="text-align:left;"><a href="/wiki/Fases_del_desarrollo_de_software" class="mw-redirect" title="Fases del desarrollo de software">Última versión</a></th><td colspan="2"> CSS3<sup id="cite_ref-1" class="mw-references reference separada"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup></td></tr><tr><th scope="row" style="text-align:left;"><a href="/wiki/Anexo:Formatos_de_archivo" title="Anexo:Formatos de archivo">Tipo de formato</a></th><td colspan="2"> <a href="/wiki/Anexo:Lista_de_lenguajes_de_hojas_de_estilo" class="mw-redirect" title="Anexo:Lista de lenguajes de hojas de estilo">Lenguaje de hoja de estilos</a></td></tr><tr><th scope="row" style="text-align:left;">Contenedor para</th><td colspan="2"> Reglas de estilo para <a href="/wiki/Elemento_HTML" title="Elemento HTML">elementos HTML</a> (etiquetas)</td></tr><tr><th scope="row" style="text-align:left;">Contenido por</th><td colspan="2"> <a href="/wiki/HTML" title="HTML">Documentos HTML</a></td></tr><tr><th scope="row" style="text-align:left;"><a href="/wiki/Est%C3%A1ndar_internacional" title="Estándar internacional">Estándar(es)</a></th><td colspan="2"> <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2008/REC-CSS1-20080411/">Level 1 (Recommendation)</a><br /><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2008/REC-CSS2-20080411/">Level 2 (Recommendation)</a><br /><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS2/">Level 2 Revisión 1 (Recommendation)</a><br /><a rel="nofollow" class="external text" href="https://www.w3.org/TR/CSS22/">Level 2 Revisión 2 (CSS 2.2)</a></td></tr><tr><th scope="row" style="text-align:left;"><a href="/wiki/Formato_abierto" title="Formato abierto">Formato abierto</a></th><td colspan="2"> <span typeof="mw:File"><span title="Sí"><img alt="Sí" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Yes_check.svg/15px-Yes_check.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Yes_check.svg/23px-Yes_check.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Yes_check.svg/30px-Yes_check.svg.png 2x" data-file-width="600" data-file-height="600" /></span></span> <span style="font-weight: bold;"></span></td></tr><tr><td class="noprint" colspan="3" style="text-align:left;"><div class="plainlinks wikidata-link" style="font-size: 0.85em">[<a href="https://www.wikidata.org/wiki/Q46441" class="extiw" title="d:Q46441">editar datos en Wikidata</a>]</div></td></tr></tbody></table> <p><b>CSS</b> (siglas en inglés de <b>C</b>ascading <b>S</b>tyle <b>S</b>heets; en español: «hojas de estilo en cascada») es un lenguaje informático especializado en definir y cohesionar la presentación de un documento escrito en un <a href="/wiki/Lenguaje_de_marcado" title="Lenguaje de marcado">lenguaje de marcado</a> como <a href="/wiki/HTML" title="HTML">HTML</a> o <a href="/wiki/Extensible_Markup_Language" title="Extensible Markup Language">XML</a>; por ello, puede ser aplicado a cualquier documento etiquetado en XHTML, <a href="/wiki/Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">SVG</a>, <a href="/wiki/XML-based_User-interface_Language" class="mw-redirect" title="XML-based User-interface Language">XUL</a>, <a href="/wiki/RSS" title="RSS">RSS</a>, etcétera.<sup id="cite_ref-2" class="mw-references reference separada"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Junto con el propio HTML y <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a>, CSS está en la base de la <a href="/wiki/Tecnolog%C3%ADa" title="Tecnología">tecnología</a> usada por muchos <a href="/wiki/Sitio_web" title="Sitio web">sitios web</a> para crear páginas visualmente atractivas, <a href="/wiki/Interfaces" class="mw-redirect" title="Interfaces">interfaces</a> de usuario para <a href="/wiki/Aplicaci%C3%B3n_web" title="Aplicación web">aplicaciones web</a> y <a href="/wiki/GUI" class="mw-redirect" title="GUI">GUIs</a> para <a href="/wiki/Aplicaci%C3%B3n_m%C3%B3vil" title="Aplicación móvil">aplicaciones móviles</a>.<sup id="cite_ref-3" class="mw-references reference separada"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> </p><p>CSS está diseñado principalmente para marcar la separación del contenido del documento y la forma de presentación de este, características tales como las capas o <i>layouts</i>, los colores y las fuentes.<sup id="cite_ref-4" class="mw-references reference separada"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> Esta separación busca mejorar la accesibilidad del documento, proveer más flexibilidad y control en la especificación de características presentacionales, permitir que varios documentos <a href="/wiki/HTML" title="HTML">HTML</a> compartan un mismo estilo usando una sola hoja de estilos separada en un archivo <code>.css</code>, y reducir la complejidad y la repetición de código en la estructura del documento. </p><p>La separación del formato y el contenido hace posible presentar el mismo documento marcado en diferentes estilos para diferentes métodos de renderizado, como en pantalla, en impresión, en voz (mediante un navegador de voz o un lector de pantalla), y dispositivos táctiles basados en el <a href="/wiki/Braille_(lectura)" class="mw-redirect" title="Braille (lectura)">sistema Braille</a>. También se puede mostrar una página web de manera diferente dependiendo del tamaño de la pantalla o tipo de dispositivo. Los lectores pueden especificar una hoja de estilos diferente, como una hoja de estilos CSS guardado en su computadora, para sobreescribir la hoja de estilos del diseñador. </p><p>La especificación CSS describe un esquema prioritario para determinar qué reglas de estilo se aplican si más de una regla coincide para un elemento en particular. Estas reglas son aplicadas con un sistema llamado <i>de cascada</i>, de modo que las prioridades son calculadas y asignadas a las reglas, así que los resultados son predecibles. </p><p>La especificación CSS es mantenida por el <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium (W3C)</a>. El <a href="/wiki/Multipurpose_Internet_Mail_Extensions" title="Multipurpose Internet Mail Extensions">MIME type</a> <code>text/css</code> está registrado para su uso por CSS descrito en el <a href="https://datatracker.ietf.org/doc/html/rfc2318" class="extiw" title="rfc:2318">RFC 2318</a>.<sup id="cite_ref-5" class="mw-references reference separada"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup> El W3C proporciona una herramienta de validación de CSS gratuita para los documentos CSS. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Sintaxis">Sintaxis</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=1" title="Editar sección: Sintaxis"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>CSS tiene una sintaxis simple y usa un conjunto de palabras clave en inglés para especificar los nombres de varias propiedades de estilo. Una hoja de estilos consiste en una serie de <i>reglas</i>. Cada regla, o conjunto de reglas consisten en uno o más <i>selectores</i>, y un <i>bloque de declaración</i>. </p> <div class="mw-heading mw-heading3"><h3 id="Selectores">Selectores</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=2" title="Editar sección: Selectores"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="noprint AP rellink"><span style="font-size:88%">Artículo principal:</span> <i><a href="/wiki/Selector_CSS" title="Selector CSS"> Selector CSS</a></i></div> <p>Los selectores declaran qué etiquetas se aplican a los estilos que coincidan con la etiqueta o atributo señalados en la regla. </p><p>Los selectores pueden aplicarse a: </p> <ul><li>Todos los <a href="/wiki/Etiqueta_(lenguaje_de_marcado)" title="Etiqueta (lenguaje de marcado)">elementos</a> de un tipo, como los párrafos <code><p></code>.</li> <li>Elementos seguidos de un atributo, en particular: <ul><li><i>id</i>: identificador, un identificador único para la etiqueta.</li> <li><i>class</i>: clase, un identificador para anotar múltiples elementos.</li></ul></li></ul> <p>Las clases y los identificadores son sensibles a las mayúsculas, comienzan con letras, y pueden incluir caracteres alfanuméricos y guiones bajos. Una clase se aplica a cualquier número de elementos. Un identificador se aplica a un solo elemento. </p><p>Las <b>pseudoclases</b> son usadas en los selectores CSS para permitir el formateo usando información que no está incluida en el documento. Un ejemplo de una pseudoclase muy usada es <code>:hover</code>, que identifica el contenido que está siendo apuntado por un puntero, como el cursor del ratón. Este nombre se añade al selector, de esta manera: <code>a:hover</code> o <code>#elementid:hover</code>. Una pseudoclase clasifica elementos, como <code>:link</code> o <code>:visited</code>, mientras que un pseudoelemento hace una selección de elementos parciales, como <code>::first-line</code> o <code>::first-letter</code>. </p><p>Los selectores pueden ser combinados de muchas maneras para obtener una mayor flexibilidad y precisión. Múltiples selectores pueden ser unidos en una misma línea para especificar elementos por su ubicación, tipo de elemento, identificador, clase, o cualquier combinación de estos. El orden de los selectores es importante. Por ejemplo, <code>div.myClass {color: red;}</code> aplica a todos los elementos <code><div></code> con la clase myClass, mientras que<code>.myClass div {color: red;}</code> aplica a todos los elementos <code><div></code> que estén dentro de cualquier elemento con la clase myClass. </p><p>La tabla siguiente proporciona un resumen de la sintaxis de los diversos selectores, indicando su forma de uso y la versión de CSS en la que fueron introducidos: </p> <table class="wikitable"> <tbody><tr> <th>Patrón</th> <th>Significado</th> <th>Nivel CSS<br />de aparición </th></tr> <tr> <td><code>E </code></td> <td>un elemento de tipo E</td> <td>1 </td></tr> <tr> <td><code>E:link</code></td> <td>un elemento E que es un enlace que no ha sido visitado (:link) o ya fue visitado (:visited)</td> <td>1 </td></tr> <tr> <td><code>E:active</code></td> <td>un elemento E que está realizando cierta acción por parte del usuario</td> <td>1 </td></tr> <tr> <td><code>E::first-line</code></td> <td>la primera línea formateada de un elemento E</td> <td>1 </td></tr> <tr> <td><code>E::first-letter</code></td> <td>la primera letra formateada de un elemento E</td> <td>1 </td></tr> <tr> <td><code>.c </code></td> <td>todos los elementos con class="c"</td> <td>1 </td></tr> <tr> <td><code>#myid</code></td> <td>el elemento con id="myid"</td> <td>1 </td></tr> <tr> <td><code>E.warning</code></td> <td>un elemento E que pertenece a la clase "warning"</td> <td>1 </td></tr> <tr> <td><code>E#myid</code></td> <td>un elemento E cuyo id sea "myid"</td> <td>1 </td></tr> <tr> <td><code>E F </code></td> <td>un elemento F descendiente de un elemento E</td> <td>1 </td></tr> <tr> <td><code>* </code></td> <td>cualquier elemento</td> <td>2 </td></tr> <tr> <td><code>E[foo]</code></td> <td>un elemento E con un atributo "foo"</td> <td>2 </td></tr> <tr> <td><code>E[foo="bar"]</code></td> <td>un elemento E cuyo atributo "foo" tiene un valor exacto de "bar"</td> <td>2 </td></tr> <tr> <td><code>E[foo~="bar"]</code></td> <td>un elemento E cuyo atributo "foo" tiene una lista de valores separados por espacios, y uno de ellos es "bar"</td> <td>2 </td></tr> <tr> <td><code>E:first-child</code></td> <td>el primer hijo de un elemento E</td> <td>2 </td></tr> <tr> <td><code>E:lang(eo)</code></td> <td>un elemento E cuyo idioma esté especificado en "eo"</td> <td>2 </td></tr> <tr> <td><code>E::before</code></td> <td>contenido generado antes del contenido del elemento E</td> <td>2 </td></tr> <tr> <td><code>E::after</code></td> <td>contenido generado después del contenido del elemento E</td> <td>2 </td></tr> <tr> <td><code>E > F </code></td> <td>un elemento F hijo de un elemento E</td> <td>2 </td></tr> <tr> <td><code>E + F </code></td> <td>un elemento E inmediatamente sucedido de un elemento F</td> <td>2 </td></tr> <tr> <td><code>E[foo^="bar"]</code></td> <td>un elemento E cuyo atributo "foo" tenga un valor que comience exactamente con la cadena "bar"</td> <td>3 </td></tr> <tr> <td><code>E[foo$="bar"]</code></td> <td>un elemento E cuyo atributo "foo" tenga un valor que finalice exactamente con la cadena "bar"</td> <td>3 </td></tr> <tr> <td><code>E[foo*="bar"]</code></td> <td>un elemento E cuyo atributo "foo" tenga un valor que contenga la subcadena "bar"</td> <td>3 </td></tr> <tr> <td><code>E:root</code></td> <td>un elemento E en la raíz del documento</td> <td>3 </td></tr> <tr> <td><code>E:nth-child(n)</code></td> <td>un elemento E, el n-esimo hijo de este</td> <td>3 </td></tr> <tr> <td><code>E:nth-last-child(n)</code></td> <td>un elemento E, el n-esimo hijo de este, contando desde el último hijo</td> <td>3 </td></tr> <tr> <td><code>E:nth-of-type(n)</code></td> <td>un elemento E, el n-esimo hijo de este, contando solo los del mismo tipo que el padre</td> <td>3 </td></tr> <tr> <td><code>E:nth-last-of-type(n)</code></td> <td>un elemento E, el n-esimo hijo de este, contando solo los del mismo tipo que el padre, y desde el último hijo</td> <td>3 </td></tr> <tr> <td><code>E:last-child</code></td> <td>el último hijo de un elemento E</td> <td>3 </td></tr> <tr> <td><code>E:first-of-type</code></td> <td>un elemento E, los primeros hermanos de su tipo</td> <td>3 </td></tr> <tr> <td><code>E:last-of-type</code></td> <td>un elemento E, los últimos hermanos de su tipo</td> <td>3 </td></tr> <tr> <td><code>E:only-child</code></td> <td>el único hijo del elemento E</td> <td>3 </td></tr> <tr> <td><code>E:only-of-type</code></td> <td>el único hermano del elemento E</td> <td>3 </td></tr> <tr> <td><code>E:empty</code></td> <td>un elemento E que no posea hijos (incluyendo nodos de texto)</td> <td>3 </td></tr> <tr> <td><code>E:target</code></td> <td>un elemento E de enlace siendo pulsado</td> <td>3 </td></tr> <tr> <td><code>E:enabled</code></td> <td>un elemento E de interfaz de usuario habilitado</td> <td>3 </td></tr> <tr> <td><code>E:disabled</code></td> <td>un elemento E de interfaz de usuario deshabilitado</td> <td>3 </td></tr> <tr> <td><code>E:checked</code></td> <td>un elemento E de interfaz de usuario marcado (válido para los checkboxs y los radiobuttons)</td> <td>3 </td></tr> <tr> <td><code>E:not(s)</code></td> <td>un elemento E que no coincide con el selector simple s</td> <td>3 </td></tr> <tr> <td><code>E ~ F </code></td> <td>un elemento E sucedido de un elemento F</td> <td>3 </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Bloque_de_declaraciones">Bloque de declaraciones</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=3" title="Editar sección: Bloque de declaraciones"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Un bloque de declaraciones consiste en una lista de declaraciones unidas. Cada declaración consiste en una <i>propiedad</i>, dos puntos (<code>:</code>), y un <i>valor</i>. Si hay muchas declaraciones en un bloque, un punto y coma (<code>;</code>) es insertado para separar cada declaración. </p><p>Las propiedades son insertadas en el estándar CSS. Cada propiedad tiene un conjunto de posibles valores. Algunas propiedades afectan a cualquier elemento, otras solo a un grupo particular de elementos. Los valores pueden ser palabras clave, como "center" o "inherit", o valores numéricos, como 200px (200 píxeles) o 80% (80 por ciento del ancho de la ventana). Los valores de colores son especificados por medio de una palabra clave (ej. "red"), de valores hexadecimales (ej. #FF0000, pudiéndose abreviar como #F00), valores RGB en una escala del 0 al 255 (ej. <code>rgb(255, 0, 0)</code>), valores RGBA igual que los valores RGB pero con soporte para el canal alfa de transparencias (ej. <code>rgba(255, 0, 0, 0.8)</code>), y valores <a href="/wiki/HSL" class="mw-redirect" title="HSL">HSL</a> o <a href="/w/index.php?title=HSLA&action=edit&redlink=1" class="new" title="HSLA (aún no redactado)">HSLA</a> (ej. <code>hsl(000, 100%, 50%)</code>, <code>hsla(000, 100%, 50%, 80%)</code>). </p> <div class="mw-heading mw-heading3"><h3 id="Uso">Uso</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=4" title="Editar sección: Uso"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Antes del desarrollo de CSS, toda la información presentacional de los documentos HTML era incluida en el código HTML. Los colores de las fuentes, los estilos de fondo, la alineación de los elementos, los bordes y tamaños eran descritos explícitamente, a veces de manera redundante, dentro del HTML. CSS permite a los diseñadores mover toda la información presentacional a otro archivo, la <a href="/wiki/Hoja_de_estilo" title="Hoja de estilo">hoja de estilos</a>, resultando en un código HTML notablemente más simple. </p><p>Por ejemplo, las cabeceras (<code>h1</code>), sub-cabeceras (<code>h2</code> ej. red), sub-sub-cabeceras (<code>h3</code>), etc., son definidas estructuralmente usando HTML. En la impresión y las pantallas, la elección de la fuente, tamaño, color y énfasis para esos elementos es <i>presentacional</i>. </p><p>Antes de CSS, los diseñadores que deseaban asignar características tipográficas, por ejemplo, a todos los elementos <code>h2</code> tenían que repetir el código presentacional HTML por cada elemento al que se le deseaba aplicar ese estilo. Esto creaba documentos más complejos, largos, más propensos a errores y difíciles de mantener. CSS permite la separación entre la presentación y la estructura. CSS puede definir el color, fuente, alineación del texto, tamaño, bordes, espaciado, capas y muchas otras características tipográficas, y pueden aplicarse distintos estilos de impresión y de pantalla. CSS también define estilos no visuales, como la velocidad de lectura y énfasis en los lectores de textos aurales. El W3C ha declarado obsoleto el uso de las etiquetas presentacionales HTML. </p><p>Por ejemplo, aplicando estilos mediante etiquetas presentacionales HTML, un elemento <code>h1</code> definido con texto rojo se puede representar como: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">h1</span><span class="p">><</span><span class="nt">span</span> <span class="na">style</span><span class="o">=</span><span class="s">"color:blue;"</span><span class="p">></span> Capítulo 1. <span class="p"></</span><span class="nt">span</span><span class="p">></</span><span class="nt">h1</span><span class="p">></span> </pre></div> <p>Usando CSS, el mismo elemento puede escribirse usando propiedades de estilo <i>inline</i> en vez de atributos y etiquetas de presentación: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">h1</span> <span class="na">style</span><span class="o">=</span><span class="s">"color: red;"</span><span class="p">></span> Capítulo 1. <span class="p"></</span><span class="nt">h1</span><span class="p">></span> </pre></div> <p>Una hoja de estilos CSS externa, descrita abajo, puede enlazarse con un documento HTML usando la sintaxis siguiente: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">link</span> <span class="na">href</span><span class="o">=</span><span class="s">"hojadeestilos.css"</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">type</span><span class="o">=</span><span class="s">"text/css"</span> <span class="p">/></span> </pre></div> <p>El código CSS se puede incluir en el código HTML en la etiqueta <style> dentro de la etiqueta <head> del documento: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">style</span><span class="p">></span> <span class="w"> </span><span class="nt">h1</span><span class="w"> </span><span class="p">{</span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">}</span> <span class="p"></</span><span class="nt">style</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Fuentes">Fuentes</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=5" title="Editar sección: Fuentes"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Los estilos CSS puede ser provistos desde varias fuentes. Esas fuentes pueden ser el navegador web, el usuario y el diseñador. La información del diseñador puede ser clasificada de las siguientes formas: inline, media type, importancia, especificidad del selector, orden de reglas, herencia y definición de propiedades. La información de los estilos CSS puede estar en un documento separado o puede estar embebido dentro de un documento HTML. Múltiples hojas de estilos pueden ser importadas al mismo tiempo. Los diferentes estilos pueden ser aplicados dependiendo de la salida del dispositivo usado en ese momento; por ejemplo, la versión para monitores puede ser diferente de la versión impresa, así que los diseñadores pueden aplicar diferentes estilos dependiendo del dispositivo usado. </p><p>La hoja de estilos con la máxima prioridad controla la visualización del contenido. Las declaraciones no establecidas en la fuente con máxima prioridad son sobrescritas, como las hojas de estilos del agente de usuario. Este proceso es llamado <i>cascading</i>, o cascada.<sup id="cite_ref-6" class="mw-references reference separada"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> </p><p>Una de las metas de CSS es permitir a los usuarios un mayor control sobre la presentación. Algunas personas que encuentran a los encabezados rojos en itálicas difíciles de leer pueden aplicar una hoja de estilos diferente. Dependiendo del navegador y del sitio web, un usuario puede escoger entre varias hojas de estilo provistas por los diseñadores, o pueden remover todas las hojas de estilos añadidas y ver el sitio usando los estilos por defecto del navegador, o pueden sobrescribir solo el estilo de los encabezados rojos en itálica sin alterar otros atributos. </p> <table class="wikitable"> <caption>Esquemas de prioridad CSS (de mayor a menor importancia) </caption> <tbody><tr> <th>Prioridad</th> <th>Tipo de origen de CSS</th> <th>Descripción </th></tr> <tr> <td>1</td> <td>Importancia</td> <td>La anotación <code>!important</code> sobreescribe la prioridad anterior </td></tr> <tr> <td>2</td> <td>Inline</td> <td>Un estilo aplicado a un elemento HTML por medio del atributo <code>style</code> </td></tr> <tr> <td>3</td> <td>Media Type</td> <td>Una propiedad aplica a todas las media types, a menos que un <a href="/wiki/Media_type" class="mw-redirect" title="Media type">media type</a> específico CSS esté definido </td></tr> <tr> <td>4</td> <td>Definido por el usuario</td> <td>La mayoría de los navegadores tienen esta característica de accesibilidad: un estilo CSS definido por el usuario </td></tr> <tr> <td>5</td> <td>Especificidad del selector</td> <td>Un selector contextual específico (<code>#heading p</code>) sobreescribe una definición general (<code>p</code>) </td></tr> <tr> <td>6</td> <td>Orden de las reglas</td> <td>La última regla especificada tiene una mayor prioridad </td></tr> <tr> <td>7</td> <td>Herencia</td> <td>Si una propiedad no está especificada, es heredada del elemento padre </td></tr> <tr> <td>8</td> <td>Definición de propiedad CSS en el documento HTML</td> <td>Una regla CSS común sobreescribe el valor del navegador </td></tr> <tr> <td>9</td> <td>Predeterminado del navegador</td> <td>La prioridad más baja: estos valores son determinados por las especificaciones iniciales de la W3C </td></tr></tbody></table> <div class="mw-heading mw-heading3"><h3 id="Especificidad">Especificidad</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=6" title="Editar sección: Especificidad"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La <i>especificidad</i> se refiere a los pesos relativos de varias reglas. Determina qué estilos se aplican a un elemento cuando más de una regla intentan aplicar estilos a ella. Basándose en la especificación, un simple selector (<code>h1</code>, por ejemplo) tiene una especificidad de 1, los selectores de clase tienen una especificidad de 1,0, y los selectores de id una especificidad de 1,0,0. Porque los valores de especificidad no se acarrean como en el <a href="/wiki/Sistema_decimal_de_numeraci%C3%B3n" class="mw-redirect" title="Sistema decimal de numeración">sistema decimal</a>, las comas son usadas para separar los "dígitos" (una regla CSS que tiene 11 elementos y 11 clases tiene una especificidad de 11,11, no 121). </p><p>Por lo tanto los siguientes selectores de reglas dan como resultado la especificidad indicada: </p> <table class="wikitable"> <tbody><tr> <th>Selectores</th> <th>Especificidad </th></tr> <tr> <td><code>H1 {color: white;}</code></td> <td>0, 0, 0, 1 </td></tr> <tr> <td><code>P EM {color: green;}</code></td> <td>0, 0, 0, 2 </td></tr> <tr> <td><code>.grape {color: red;}</code></td> <td>0, 0, 1, 0 </td></tr> <tr> <td><code>P.bright {color: blue;}</code></td> <td>0, 0, 1, 1 </td></tr> <tr> <td><code>P.bright EM.dark {color: yellow;}</code></td> <td>0, 0, 2, 2 </td></tr> <tr> <td><code>#id218 {color: brown;}</code></td> <td>0, 1, 0, 0 </td></tr> <tr> <td><code>style=" "</code></td> <td>1, 0, 0, 0 </td></tr></tbody></table> <div class="mw-heading mw-heading4"><h4 id="Ejemplo">Ejemplo</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=7" title="Editar sección: Ejemplo"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Considera este documento HTML: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span> <span class="cp"><!DOCTYPE html></span> <span class="p"><</span><span class="nt">html</span><span class="p">></span> <span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span><span class="p">></span> <span class="p"><</span><span class="nt">style</span><span class="p">></span> <span class="w"> </span><span class="p">#</span><span class="nn">id</span><span class="p">{</span><span class="n">propiedad</span><span class="p">:</span><span class="n">valor</span><span class="p">;}</span> <span class="w"> </span><span class="p"></</span><span class="nt">style</span><span class="p">></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">body</span><span class="p">></span> <span class="p"><</span><span class="nt">p</span> <span class="na">id</span><span class="o">=</span><span class="s">"xyz"</span> <span class="na">style</span><span class="o">=</span><span class="s">"color: blue;"</span><span class="p">></span>Para demostrar la especificidad<span class="p"></</span><span class="nt">p</span><span class="p">></span> <span class="p"></</span><span class="nt">body</span><span class="p">></span> <span class="p"></</span><span class="nt">html</span><span class="p">></span> </pre></div> <p>En este ejemplo, la declaración en el atributo <code>style</code> sobrescribe la declaración del elemento <code><style></code> porque tiene un especificidad más alta. </p> <div class="mw-heading mw-heading3"><h3 id="Herencia">Herencia</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=8" title="Editar sección: Herencia"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La herencia es una característica clave en CSS; basada en la relación ancestro-descendiente para operar. La herencia es el mecanismo por el cual las propiedades no solo se aplican a un solo elemento, sino también a sus descendientes. La herencia se basa en el árbol del documento, el cual es la jerarquía de los elementos XHTML en una página basada en el anidamiento. Los elementos descendientes pueden heredar los valores de las propiedades CSS de un elemento ancestro. En general, los elementos descendientes heredan las propiedades relacionadas al texto, pero las propiedades relacionadas con la caja no. Las propiedades que pueden ser heredadas son el color, fuente, espaciado, el peso de la línea, propiedades de lista, alineación del texto, identado, visibilidad, espaciado de espacios y espaciado entre palabras. Las propiedades que no pueden ser heredadas son el fondo, bordes, visualización, posicionamiento, tamaño, márgenes, tamaño mínimo y máximo, <i>outline</i>, desbordamiento, relleno, posición, alineación vertical y z-index.<sup id="cite_ref-7" class="mw-references reference separada"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> </p><p>La herencia previene que algunas propiedades sean declaradas una y otra vez en la hoja de estilos, permitiendo a los diseñadores escribir menos código CSS. Mejora la carga rápida de los sitios por los usuarios, y permite a los clientes ahorrar dinero en los costos de desarrollo y ancho de banda. </p> <div class="mw-heading mw-heading4"><h4 id="Ejemplo_2">Ejemplo</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=9" title="Editar sección: Ejemplo"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Se tiene la siguiente hoja de estilos: </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="w"> </span><span class="nt">h1</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">pink</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> </pre></div> <p>Este es un elemento <code>h1</code> con una etiqueta de énfasis (<code>em</code>) dentro: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">h1</span><span class="p">></span> Esto es para <span class="p"><</span><span class="nt">em</span><span class="p">></span>ilustrar<span class="p"></</span><span class="nt">em</span><span class="p">></span> la herencia <span class="p"></</span><span class="nt">h1</span><span class="p">></span> </pre></div><p> Si no se asigna un color al elemento <code>em</code>, la palabra «ilustrar» heredará el color del elemento padre, <code>h1</code>. Entonces, la palabra «ilustrar» aparecerá de color rosa. Pongamos por ejemplo el color gris para el texto que esté entre las etiquetas <code>em</code>.</p><div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">em</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">gray</span><span class="p">;</span> <span class="p">}</span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Espacios_en_blanco">Espacios en blanco</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=10" title="Editar sección: Espacios en blanco"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Los espacios en blanco entre propiedades y selectores se ignoran. Este pedazo de código: </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">body</span><span class="p">{</span><span class="k">overflow</span><span class="p">:</span><span class="kc">hidden</span><span class="p">;</span><span class="k">background</span><span class="p">:</span><span class="mh">#000000</span><span class="p">;}</span> </pre></div> <p>es igual a este otro: </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="w"> </span><span class="nt">body</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">overflow</span><span class="p">:</span><span class="w"> </span><span class="kc">hidden</span><span class="p">;</span> <span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="mh">#000000</span><span class="p">;</span> <span class="w"> </span><span class="p">}</span> </pre></div> <p>Aunque el espaciado mejora la legibilidad del código. </p> <div class="mw-heading mw-heading3"><h3 id="Posicionamiento">Posicionamiento</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=11" title="Editar sección: Posicionamiento"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>CSS 2.1 define 3 esquemas de posicionamiento: </p> <dl><dt>Normal</dt> <dd>Los elementos <i>inline</i>, o de línea, son dispuestos de la misma manera que las letras en las palabras de un texto, una vez que ya no hay más espacio en una línea, entonces se empieza una nueva línea abajo. Los elementos <i>block</i>, o de bloque, son dispuestos verticalmente, como los párrafos.</dd> <dt>Flotante</dt> <dd>Un elemento <i>float</i> está fuera del flujo normal y puesto lo más posible a la derecha o izquierda en el espacio disponible. Los demás elementos fluyen alrededor del elemento float.</dd> <dt>Absoluto</dt> <dd>Un elemento posicionado absolutamente no tiene un lugar, y no afecta al flujo normal de los elementos. Ocupa el espacio que se le ha asignado independientemente de los demás elementos.</dd></dl> <div class="mw-heading mw-heading4"><h4 id="Propiedades_de_posicionamiento">Propiedades de posicionamiento</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=12" title="Editar sección: Propiedades de posicionamiento"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Hay 4 posibles valores para la propiedad <code>position</code>. Si un elemento está posicionado de una manera diferente a <code>static</code>, hay cuatro subpropiedades usadas para especificar posiciones y offsets: <code>top</code>, <code>bottom</code>, <code>left</code> y <code>right</code>.<sup id="cite_ref-8" class="mw-references reference separada"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> </p> <dl><dt>Static</dt> <dd>El valor por defecto a los elementos en el <i>flujo normal</i>.</dd> <dt>Relative</dt> <dd>El elemento el posicionado en el <i>flujo normal</i>, y luego movido relativamente a su posición normal. Los demás elementos son independientes del elemento movido relativamente.</dd> <dt>Absolute</dt> <dd>Especifica el <i>posicionamiento absoluto</i>. El elemento es posicionado en relación con su antecesor no estático más cercano.</dd> <dt>Fixed</dt> <dd>El elemento es posicionado <i>absolutamente</i> en una posición fija de la pantalla aunque el resto del documento se mueva.</dd></dl> <div class="mw-heading mw-heading4"><h4 id="Float_y_clear">Float y clear</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=13" title="Editar sección: Float y clear"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La propiedad <code>float</code> puede tener 3 valores diferentes. Los elementos posicionados absolutamente o de manera fija no pueden ser aplicados a esta propiedad. Los demás elementos flotan normalmente alrededor de los elementos flotantes, a menos que se establezcan alguna de las propiedades <code>clear</code>. </p> <dl><dt>left</dt> <dd>Los elementos <i>float</i> flotan a la izquierda y los otros elementos fluyen a la derecha de este elemento.</dd> <dt>right</dt> <dd>Los elementos <i>float</i> flotan a la derecha y los otros elementos fluyen a la izquierda de este elemento.</dd> <dt>clear</dt> <dd>Fuerza al elemento a no fluir alrededor de los elementos que flotan a la izquierda (<code>clear: left</code>), a la derecha (<code>clear: right</code>) o a ambos lados (<code>clear: both</code>).</dd></dl> <div class="mw-heading mw-heading2"><h2 id="Historia">Historia</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=14" title="Editar sección: Historia"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/Archivo:H%C3%A5kon_Wium_Lie.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/5/54/H%C3%A5kon_Wium_Lie.jpg/170px-H%C3%A5kon_Wium_Lie.jpg" decoding="async" width="170" height="227" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/54/H%C3%A5kon_Wium_Lie.jpg/255px-H%C3%A5kon_Wium_Lie.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/54/H%C3%A5kon_Wium_Lie.jpg/340px-H%C3%A5kon_Wium_Lie.jpg 2x" data-file-width="1920" data-file-height="2560" /></a><figcaption><a href="/w/index.php?title=H%C3%A5kon_Wium_Lie&action=edit&redlink=1" class="new" title="Håkon Wium Lie (aún no redactado)">Håkon Wium Lie</a>, <a href="/w/index.php?title=Chief_technical_officer&action=edit&redlink=1" class="new" title="Chief technical officer (aún no redactado)">CTO</a> de la compañía <a href="/wiki/Opera_Software" title="Opera Software">Opera Software</a> y cocreador del estándar CSS</figcaption></figure> <p>CSS fue propuesto por primera vez por <a href="/w/index.php?title=H%C3%A5kon_Wium_Lie&action=edit&redlink=1" class="new" title="Håkon Wium Lie (aún no redactado)">Håkon Wium Lie</a> el 10 de octubre de 1994.<sup id="cite_ref-chss-proposal_9-0" class="mw-references reference separada"><a href="#cite_note-chss-proposal-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup> Al mismo tiempo, Lie trabajaba con <a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Tim Berners-Lee</a> en el <a href="/wiki/CERN" class="mw-redirect" title="CERN">CERN</a>.<sup id="cite_ref-chapter20_10-0" class="mw-references reference separada"><a href="#cite_note-chapter20-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> Muchos otros lenguajes de hojas de estilos fueron propuestos al mismo tiempo, y las discusiones en las listas de correo públicas dentro del <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> dieron lugar a la primera Recomendación CSS por el W3C (CSS1)<sup id="cite_ref-w3c-css1_11-0" class="mw-references reference separada"><a href="#cite_note-w3c-css1-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> en 1996. En particular, la propuesta de <a href="/wiki/Bert_Bos" title="Bert Bos">Bert Bos</a> fue influyente; él fue el coautor de CSS1 y es reconocido como el cocreador de CSS.<sup id="cite_ref-WWW3_12-0" class="mw-references reference separada"><a href="#cite_note-WWW3-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup> </p><p>Las hojas de estilo han existido de una forma u otra desde los comienzos del Standard Generalized Markup Language (<a href="/wiki/SGML" title="SGML">SGML</a>) en la década de los 80, y CSS fue desarrollado para proveer hojas de estilos para la web.<sup id="cite_ref-css-phd_13-0" class="mw-references reference separada"><a href="#cite_note-css-phd-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup> Un requerimiento para un lenguaje de hoja de estilos web era que las hojas de estilo vinieran en diferentes estilos en la web. Por lo tanto, los lenguajes de hojas de estilos existentes como <a href="/wiki/Document_Style_Semantics_and_Specification_Language" title="Document Style Semantics and Specification Language">DSSSL</a> y <a href="/w/index.php?title=Formatting_Output_Specification_Instance&action=edit&redlink=1" class="new" title="Formatting Output Specification Instance (aún no redactado)">FOSI</a> no fueron adecuados. CSS, por otro lado, permite al documento ser influido por múltiples hojas de estilo por medio de los estilos en «cascada».<sup id="cite_ref-css-phd_13-1" class="mw-references reference separada"><a href="#cite_note-css-phd-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup> </p><p>A medida que <a href="/wiki/HTML" title="HTML">HTML</a> fue creciendo, llegó a abarcar una amplia variedad de capacidades de diseño para satisfacer las demandas de los diseñadores web. Esta evolución dio al diseñador mayor control sobre la apariencia del sitio, con el costo de un HTML más complejo. Variaciones en las implementaciones de los navegadores web, como <a href="/wiki/ViolaWWW" title="ViolaWWW">ViolaWWW</a> y <a href="/wiki/WorldWideWeb" title="WorldWideWeb">WorldWideWeb</a>,<sup id="cite_ref-IEEE_14-0" class="mw-references reference separada"><a href="#cite_note-IEEE-14"><span class="cite-bracket">[</span>14<span class="cite-bracket">]</span></a></sup> hicieron más difícil la consistencia de la apariencia del sitio web, y los usuarios tenían menos control sobre cómo era mostrado el contenido web. El navegador/editor creado por <a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Tim Berners-Lee</a> tenía hojas de estilos que fueron introducidas dentro del programa. Las hojas de estilos, por lo tanto, no eran enlazadas a los documentos en la web.<sup id="cite_ref-cssdftw_15-0" class="mw-references reference separada"><a href="#cite_note-cssdftw-15"><span class="cite-bracket">[</span>15<span class="cite-bracket">]</span></a></sup> <a href="/wiki/Robert_Cailliau" title="Robert Cailliau">Robert Cailliau</a>, también del CERN, quería separar la estructura de la presentación, de modo que diferentes hojas de estilo podrían describir diferentes presentaciones para impresión, pantallas y editores.<sup id="cite_ref-IEEE_14-1" class="mw-references reference separada"><a href="#cite_note-IEEE-14"><span class="cite-bracket">[</span>14<span class="cite-bracket">]</span></a></sup> </p><p>Mejorar las capacidades de la presentación en la web fue un tema de interés para muchos en las comunidades web, y 9 diferentes lenguajes de hojas de estilos fueron propuestos en la lista de correo www-style.<sup id="cite_ref-css-phd_13-2" class="mw-references reference separada"><a href="#cite_note-css-phd-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup> De esas nueve propuestas, dos influenciaron profundamente en lo que sería CSS: Cascading HTML Style Sheets<sup id="cite_ref-chss-proposal_9-1" class="mw-references reference separada"><a href="#cite_note-chss-proposal-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup> y Stream-based Style Sheet Proposal (SSP).<sup id="cite_ref-WWW3_12-1" class="mw-references reference separada"><a href="#cite_note-WWW3-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-ssp_16-0" class="mw-references reference separada"><a href="#cite_note-ssp-16"><span class="cite-bracket">[</span>16<span class="cite-bracket">]</span></a></sup> Dos navegadores fueron usados para pruebas para las propuestas iniciales; Lie trabajó con <a href="/w/index.php?title=Yves_Lafon&action=edit&redlink=1" class="new" title="Yves Lafon (aún no redactado)">Yves Lafon</a> para implementar CSS en el navegador <a href="/w/index.php?title=Arena_(navegador)&action=edit&redlink=1" class="new" title="Arena (navegador) (aún no redactado)">Arena</a> creado por <a href="/w/index.php?title=Dave_Raggett&action=edit&redlink=1" class="new" title="Dave Raggett (aún no redactado)">Dave Raggett</a>.<sup id="cite_ref-17" class="mw-references reference separada"><a href="#cite_note-17"><span class="cite-bracket">[</span>17<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-18" class="mw-references reference separada"><a href="#cite_note-18"><span class="cite-bracket">[</span>18<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-19" class="mw-references reference separada"><a href="#cite_note-19"><span class="cite-bracket">[</span>19<span class="cite-bracket">]</span></a></sup> <a href="/wiki/Bert_Bos" title="Bert Bos">Bert Bos</a> implementó su propia propuesta SSP en el navegador <a href="/w/index.php?title=Argo_(navegador_web)&action=edit&redlink=1" class="new" title="Argo (navegador web) (aún no redactado)">Argo</a>.<sup id="cite_ref-WWW3_12-2" class="mw-references reference separada"><a href="#cite_note-WWW3-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup> Desde entonces, Lie y Bos trabajaron juntos para desarrollar el estándar CSS. La 'H' se eliminó del nombre porque estas hojas de estilo pueden ser aplicadas a otros lenguajes de marcado además de HTML.<sup id="cite_ref-chapter20_10-1" class="mw-references reference separada"><a href="#cite_note-chapter20-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> </p><p>La propuesta de Lie fue presentada en la conferencia "<a href="/w/index.php?title=Mosaic_and_the_Web&action=edit&redlink=1" class="new" title="Mosaic and the Web (aún no redactado)">Mosaic and the Web</a>" (más tarde llamada WWW2) en <a href="/wiki/Chicago" title="Chicago">Chicago</a>, <a href="/wiki/Illinois" title="Illinois">Illinois</a> en 1994, y de nuevo con Bert Bos en 1995.<sup id="cite_ref-chapter20_10-2" class="mw-references reference separada"><a href="#cite_note-chapter20-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> En ese tiempo el W3C ya estaba siendo establecido, y mostraba interés en el desarrollo de CSS. Organizó un taller para ese fin presidido por <a href="/w/index.php?title=Steven_Pemberton&action=edit&redlink=1" class="new" title="Steven Pemberton (aún no redactado)">Steven Pemberton</a>. Esto resultó en que W3C le dio más trabajo sobre CSS a lo resultados del Comité de Revisión Editorial (ERB). Lie y Bos eran el equipo técnico principal en esta parte del proyecto, con participantes adicionales como <a href="/w/index.php?title=Thomas_Reardon&action=edit&redlink=1" class="new" title="Thomas Reardon (aún no redactado)">Thomas Reardon</a> de <a href="/wiki/Microsoft" title="Microsoft">Microsoft</a>. En agosto de 1996 <a href="/wiki/Netscape_Communications_Corporation" title="Netscape Communications Corporation">Netscape Communication Corporation</a> presentó una alternativa de lenguaje de hoja de estilos llamada <a href="/wiki/JavaScript_Style_Sheets" title="JavaScript Style Sheets">JavaScript Style Sheets</a> (JSSS).<sup id="cite_ref-chapter20_10-3" class="mw-references reference separada"><a href="#cite_note-chapter20-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> La especificación nunca fue finalizada y quedó obsoleta.<sup id="cite_ref-20" class="mw-references reference separada"><a href="#cite_note-20"><span class="cite-bracket">[</span>20<span class="cite-bracket">]</span></a></sup> A finales de 1996, CSS estaba listo para ser oficial, y la recomendación CSS 1 fue publicada en diciembre. </p><p>El desarrollo de HTML, CSS, y <a href="/wiki/Document_Object_Model" title="Document Object Model">DOM</a> había sido realizado en un solo grupo, el <a href="/w/index.php?title=HTML_Editorial_Review_Board&action=edit&redlink=1" class="new" title="HTML Editorial Review Board (aún no redactado)">HTML Editorial Review Board</a> (ERB). A comienzos de 1997, el ERB fue dividido en tres grupos de trabajo: <a href="/w/index.php?title=HTML_Working_Group&action=edit&redlink=1" class="new" title="HTML Working Group (aún no redactado)">HTML Working Group</a>, liderado por <a href="/w/index.php?title=Dan_Connolly&action=edit&redlink=1" class="new" title="Dan Connolly (aún no redactado)">Dan Connolly</a> del W3C; DOM Working group, liderado por Lauren Wood de <a href="/w/index.php?title=SoftQuad&action=edit&redlink=1" class="new" title="SoftQuad (aún no redactado)">SoftQuad</a>; y <a href="/w/index.php?title=CSS_Working_Group&action=edit&redlink=1" class="new" title="CSS Working Group (aún no redactado)">CSS Working Group</a>, liderado por <a href="/w/index.php?title=Chris_Lilley&action=edit&redlink=1" class="new" title="Chris Lilley (aún no redactado)">Chris Lilley</a> del W3C. </p><p>El grupo de trabajo de CSS comenzó corrigiendo errores que no habían sido revisados en el CSS 1, resultando en la creación de CSS 2, el 4 de noviembre de 1997. Fue publicado como una recomendación el 12 de mayo de 1998. Las adiciones a CSS de allí en adelante, conocidas colectivamente como "CSS3", tomaron un aspecto modular, desarrollándose cada función de forma independiente. </p><p>En 2005 el grupo de trabajo de CSS decidió mejorar los requerimientos de los estándares de forma más estricta. Esto significó que los estándares ya publicados como CSS 2.1, CSS3 Selectors y CSS3 Text fueron retrocedidos del estado "Recomendaciones candidatas" a "Borrador de trabajo". </p> <div class="mw-heading mw-heading2"><h2 id="Niveles">Niveles</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=15" title="Editar sección: Niveles"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Archivo:W3C_CSS_Snapshot.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b5/W3C_CSS_Snapshot.png/250px-W3C_CSS_Snapshot.png" decoding="async" width="220" height="311" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b5/W3C_CSS_Snapshot.png/330px-W3C_CSS_Snapshot.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b5/W3C_CSS_Snapshot.png/500px-W3C_CSS_Snapshot.png 2x" data-file-width="794" data-file-height="1123" /></a><figcaption>CSS Snapshot 2021</figcaption></figure> <p>CSS se ha creado en varios niveles y perfiles. Cada nivel de CSS se construye sobre el anterior, generalmente añadiendo funciones al nivel previo. </p><p>Los perfiles son, generalmente, parte de uno o varios niveles de CSS definidos para un dispositivo o interfaz particular. Actualmente, pueden usarse perfiles para dispositivos móviles, <a href="/wiki/Impresoras" class="mw-redirect" title="Impresoras">impresoras</a> o <a href="/wiki/Televisiones" class="mw-redirect" title="Televisiones">televisiones</a>. </p> <div class="mw-heading mw-heading3"><h3 id="CSS1">CSS1</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=16" title="Editar sección: CSS1"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La primera especificación oficial de CSS, recomendada por la W3C fue CSS1, publicada en diciembre de 1995,<sup id="cite_ref-CSS1_21-0" class="mw-references reference separada"><a href="#cite_note-CSS1-21"><span class="cite-bracket">[</span>21<span class="cite-bracket">]</span></a></sup> y abandonada en abril de 2008.<sup id="cite_ref-CSS1_21-1" class="mw-references reference separada"><a href="#cite_note-CSS1-21"><span class="cite-bracket">[</span>21<span class="cite-bracket">]</span></a></sup> </p><p>Algunas de las funcionalidades que ofrece son: </p> <ul><li>Propiedades de las <a href="/wiki/Tipo_de_letra" title="Tipo de letra">fuentes</a>, como tipo, tamaño, énfasis...</li> <li>Color de texto, fondos, bordes u otros elementos.</li> <li>Atributos del texto, como espaciado entre palabras, letras, líneas, etcétera.</li> <li>Alineación de textos, imágenes, tablas u otros.</li> <li>Propiedades de caja, como margen, borde, relleno o espaciado.</li> <li>Propiedades de identificación y presentación de listas.</li></ul> <div class="mw-heading mw-heading3"><h3 id="CSS2">CSS2</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=17" title="Editar sección: CSS2"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La especificación CSS2 fue desarrollada por la W3C y publicada como recomendación en mayo de 1998, y abandonada en abril de 2008.<sup id="cite_ref-22" class="mw-references reference separada"><a href="#cite_note-22"><span class="cite-bracket">[</span>22<span class="cite-bracket">]</span></a></sup> </p><p>Como ampliación de CSS1, se ofrecieron, entre otras: </p> <ul><li>Las funcionalidades propias de las capas (<code><div></code>) como de posicionamiento relativo/absoluto/fijo, niveles (<code>z-index</code>), etcétera.</li> <li>El concepto de "<i>media types</i>".</li> <li>Soporte para las hojas de estilo auditivas.</li> <li><a href="/wiki/Texto_bidireccional" title="Texto bidireccional">Texto bidireccional</a>, sombras, etcétera.</li></ul> <div class="mw-heading mw-heading4"><h4 id="CSS_2.1">CSS 2.1</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=18" title="Editar sección: CSS 2.1"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La primera revisión de CSS2, usualmente conocida como "CSS 2.1", corrige algunos errores encontrados en CSS2, elimina funcionalidades poco soportadas o inoperables en los navegadores y añade alguna nueva especificación. </p><p>De acuerdo al sistema de <a href="/wiki/Estandarizaci%C3%B3n" class="mw-redirect" title="Estandarización">estandarización</a> técnica de las especificaciones, CSS2.1 tuvo el estado de "candidato" (<i>candidate recommendation</i>) durante varios años,<sup id="cite_ref-23" class="mw-references reference separada"><a href="#cite_note-23"><span class="cite-bracket">[</span>23<span class="cite-bracket">]</span></a></sup> pero la propuesta fue rechazada en junio de 2005. En junio de 2007 fue propuesta una nueva versión candidata, y está actualizada en 2009, pero en diciembre de 2010 fue nuevamente rechazada. </p><p>En abril de 2011, CSS 2.1 volvió a ser propuesta como candidata,<sup id="cite_ref-24" class="mw-references reference separada"><a href="#cite_note-24"><span class="cite-bracket">[</span>24<span class="cite-bracket">]</span></a></sup> y después de ser revisada por el <i>W3C Advisory Committee</i>, fue finalmente publicada como recomendación oficial el 7 de junio de 2011.<sup id="cite_ref-w3.org_25-0" class="mw-references reference separada"><a href="#cite_note-w3.org-25"><span class="cite-bracket">[</span>25<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="CSS3">CSS3</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=19" title="Editar sección: CSS3"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>A diferencia de CSS2, que fue una única especificación que definía varias funcionalidades, CSS3 está dividida en varios documentos separados, llamados "módulos". </p><p>Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad. </p><p>Los trabajos en el CSS3, comenzaron a la vez que se publicó la recomendación oficial de CSS2, y los primeros borradores de CSS3 fueron liberados en junio de 1999.<sup id="cite_ref-World_Wide_Web_Consortium_26-0" class="mw-references reference separada"><a href="#cite_note-World_Wide_Web_Consortium-26"><span class="cite-bracket">[</span>26<span class="cite-bracket">]</span></a></sup> </p><p>Debido a la modularización del CSS3, diferentes módulos pueden encontrarse en diferentes estados de su desarrollo,<sup id="cite_ref-27" class="mw-references reference separada"><a href="#cite_note-27"><span class="cite-bracket">[</span>27<span class="cite-bracket">]</span></a></sup> de forma que a fechas de noviembre de 2011, hay alrededor de cincuenta módulos publicados,<sup id="cite_ref-World_Wide_Web_Consortium_26-1" class="mw-references reference separada"><a href="#cite_note-World_Wide_Web_Consortium-26"><span class="cite-bracket">[</span>26<span class="cite-bracket">]</span></a></sup> tres de ellos se convirtieron en recomendaciones oficiales de la W3C en 2011: <i>"Selectores"</i>, <i>"Espacios de nombres"</i> y <i>"Color"</i>. </p><p>Algunos módulos, como <i>"Fondos y colores"</i>, <i>"Consultas de medios"</i> o <i>"Diseños multicolumna"</i> están en fase de "candidatos", y considerados como razonablemente estables, a finales de 2011, y sus implementaciones en los diferentes navegadores son señaladas con los prefijos del motor del mismo.<sup id="cite_ref-28" class="mw-references reference separada"><a href="#cite_note-28"><span class="cite-bracket">[</span>28<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="CSS4">CSS4</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=20" title="Editar sección: CSS4"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>No existe una especificación integrada de CSS4, ya que la especificación ha sido dividida en diversos módulos separados que manejan niveles de forma independiente. </p><p>Módulos que edificaban sobre cosas del CSS Nivel 2 iniciaron en Nivel 3. Algunas de ellas han alcanzado el Nivel 4 o incluso están acercándose al Nivel 5. Otros módulos que definen funcionalidad completamente nueva, como Flexbox, han sido designados como Nivel 1 y algunos de ellos se aproximan al nivel 2. </p><p>El CSS Working Group a veces publica "snapshots", que son una colección de módulos enteros y partes de otros borradores que son considerados suficientemente estables para ser implementados por desarrolladores de navegadores web. Hasta el momento, cinco de aquellos documentos de "mejores prácticas actuales" han sido publicados como Notas, en 2007, 2010, 2015, 2017, y 2018. </p><p>Dado que estas especificaciones son entendidas para desarrolladores, ha habido una creciente demanda por documentos de referencia similares pero dirigidos a autores, lo cual presentaría el estado de las implementaciones interoperables mientras se documenta por sitios web como "Can I Use..." y los MDN Web Docs. Un grupo llamado el W3C Community Group ha sido establecido a inicios de 2020 a fin de discutir y definir dichos recursos. El tipo actual de versionado es también sujeto a debate, lo cual significa que el documento, una vez producido, podría no llamarse "CSS4". </p> <div class="mw-heading mw-heading2"><h2 id="Soporte_por_los_navegadores_web">Soporte por los navegadores web</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=21" title="Editar sección: Soporte por los navegadores web"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Cada navegador web utiliza un <a href="/wiki/Motor_de_renderizado" title="Motor de renderizado">motor de renderizado</a> para visualizar páginas web, y el soporte de CSS no es exactamente igual en todos los motores de renderizado. Dado que los navegadores no aplican el CSS de manera uniforme, se ha desarrollado muchas técnicas de programación específicas para un navegador en particular (comúnmente conocida como <i>CSS hacks</i> o <a href="/w/index.php?title=Filtros_CSS&action=edit&redlink=1" class="new" title="Filtros CSS (aún no redactado)">CSS filters</a>). La adopción de nuevas funcionalidades en CSS son obstaculizadas por la ausencia de soporte en los navegadores más populares. Por ejemplo, <a href="/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> ha sido lento para añadir soporte para algunas características de CSS3, lo que ha dificultado la adopción de estas características, y ha dañado la reputación del navegador entre los desarrolladores.<sup id="cite_ref-popupie_29-0" class="mw-references reference separada"><a href="#cite_note-popupie-29"><span class="cite-bracket">[</span>29<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-30" class="mw-references reference separada"><a href="#cite_note-30"><span class="cite-bracket">[</span>30<span class="cite-bracket">]</span></a></sup> Para garantizar una experiencia consistente para sus usuarios, los desarrolladores web a menudo prueban sus sitios en múltiples navegadores, sistemas operativos y versiones de navegadores, lo que incrementa el tiempo de desarrollo y la complejidad. Se ha desarrollado varias herramientas, como <a href="/wiki/BrowserStack" title="BrowserStack">BrowserStack</a>, para reducir la complejidad en el mantenimiento de las páginas web. </p><p>Además de las herramientas de prueba mencionadas, muchos sitios web mantienen listas del soporte de navegadores para propiedades específicas de CSS, incluyendo recursos como <a rel="nofollow" class="external text" href="http://caniuse.com/">CanIUse</a> y <a href="/w/index.php?title=Mozilla_Developer_Network&action=edit&redlink=1" class="new" title="Mozilla Developer Network (aún no redactado)">Mozilla Developer Network</a>. Además, CSS3 define muchas <a href="/wiki/Media_query" title="Media query">consultas</a>, entre las cuales se incluye la directiva <code>@supports</code> que permite a los desarrolladores especificar directamente en el CSS qué navegadores admiten una función específica.<sup id="cite_ref-31" class="mw-references reference separada"><a href="#cite_note-31"><span class="cite-bracket">[</span>31<span class="cite-bracket">]</span></a></sup> El código CSS que no es compatible con versiones antiguas de un navegador, generalmente se proporciona mediante <a href="/wiki/Polyfill" title="Polyfill">polyfills</a> en JavaScript. Estos métodos añaden complejidad a los proyectos de desarrollo y, en consecuencia, las compañías frecuentemente definen una lista de las diferentes versiones de navegadores que son compatibles y las que no lo son. </p><p>Como los sitios web adoptan nuevas normas del código que son incompatibles con los navegadores más antiguos, a estos navegadores se les restringe el acceso a muchos de los recursos en la web, a veces de manera intencional. Muchos de los sitios más populares en Internet no solo tienen un aspecto visual deficiente en los navegadores antiguos a causa de la mala compatibilidad con CSS, sino que tampoco funcionan en absoluto, en gran parte debido a la evolución de JavaScript y otras tecnologías web.<sup id="cite_ref-32" class="mw-references reference separada"><a href="#cite_note-32"><span class="cite-bracket">[</span>32<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Limitaciones">Limitaciones</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=22" title="Editar sección: Limitaciones"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Algunas de las limitaciones conocidas de las capacidades actuales de CSS son: </p> <dl><dt>Los selectores no pueden ascender</dt> <dd>CSS actualmente no ofrece una manera de seleccionar al padre de un elemento que satisfaga algún criterio.<sup id="cite_ref-css-missing_33-0" class="mw-references reference separada"><a href="#cite_note-css-missing-33"><span class="cite-bracket">[</span>33<span class="cite-bracket">]</span></a></sup> Los selectores CSS Nivel 4, que aún están en calidad de Working Draft, ha propuesto un selector, pero solo como parte de otro selector.<sup id="cite_ref-34" class="mw-references reference separada"><a href="#cite_note-34"><span class="cite-bracket">[</span>34<span class="cite-bracket">]</span></a></sup> un esquema de selectors más avanzado (como <a href="/wiki/XPath" title="XPath">XPath</a>) podría habilitar hojas de estilo más sofisticadas. Las mayores razones del CSS Working Group para rechazar propuestas para los selectores ascendentes son relacionadas al rendimiento del navegador y las fallas en aumento del renderizado.<sup id="cite_ref-why-not-parent-selector_35-0" class="mw-references reference separada"><a href="#cite_note-why-not-parent-selector-35"><span class="cite-bracket">[</span>35<span class="cite-bracket">]</span></a></sup></dd></dl> <dl><dt>Las pseudoclases dinámicas no se pueden controlar</dt> <dd>Las pseudoclases dinámicas (como <code>:hover</code>) no se pueden controlar o deshabilitar desde el navegador, lo que las hace susceptibles de abuso por parte de los diseñadores de banners o <a href="/wiki/Ventana_emergente" title="Ventana emergente">ventanas emergentes</a>.<sup id="cite_ref-36" class="mw-references reference separada"><a href="#cite_note-36"><span class="cite-bracket">[</span>36<span class="cite-bracket">]</span></a></sup></dd></dl> <dl><dt>No se pueden nombrar estilos CSS</dt> <dd>No existe manera alguna de nombrar a un estilo CSS, lo cual podría permitir scripts del lado del cliente para referirse a la regla aun si el selector cambia.</dd></dl> <dl><dt>No se pueden incluir estilos de una regla dentro de otra</dt> <dd>Los estilos CSS en ocasiones deben ser duplicados en varias reglas para alcanzar el efecto deseado, causando mantenimiento adicional y requiriendo más pruebas. Algunas características de CSS fueron propuestas para solventar esto, pero (en febrero de 2016) no se ha implementado nada aún.<sup id="cite_ref-37" class="mw-references reference separada"><a href="#cite_note-37"><span class="cite-bracket">[</span>37<span class="cite-bracket">]</span></a></sup></dd></dl> <dl><dt>No se puede seleccionar texto específico sin alterar el marcado</dt> <dd>Además del pseudo-elemento <code>:first-letter</code>, no se puede seleccionar un rango específico de texto sin utilizar etiquetas como <code><span></code>.</dd></dl> <div class="mw-heading mw-heading2"><h2 id="Limitaciones_resueltas">Limitaciones resueltas</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=23" title="Editar sección: Limitaciones resueltas"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>También hay limitaciones que ya han sido resueltas: </p> <dl><dt>Alineado vertical</dt> <dd>Mientras que el alineado horizontal es generalmente fácil de controlar, el alineado vertical es frecuentemente no intuitivo, o de plano imposible. Simples tareas, como la de centrar un elemento verticalmente o poniendo un pie de página abajo es muy difícil. El <a href="/wiki/CSS_Flexible_Box_Layout" title="CSS Flexible Box Layout">Flexible Box Module</a> mejora esta situación considerablemente y el alineado vertical es mucho más simple y soportado en todos los navegadores actuales. Los navegadores más viejos no tienen estas características (principalmente <a href="/wiki/Internet_Explorer_9" title="Internet Explorer 9">Internet Explorer 9</a> y abajo) y no son soportados actualmente por sus fabricantes.<sup id="cite_ref-38" class="mw-references reference separada"><a href="#cite_note-38"><span class="cite-bracket">[</span>38<span class="cite-bracket">]</span></a></sup></dd></dl> <dl><dt>Ausencia de expresiones</dt> <dd>No hay aun una opción estándar para especificar los valores de propiedades como una expresión simple (como <code>margin-left: 10% – 3em + 4px;</code>). Esto puede ser útil en muchos casos, como para calcular el número de columnas de una tabla. Internet Explorer en sus versiones 5 a 7 soportan una extensión propietaria <code>expression()</code>,<sup id="cite_ref-properties1_39-0" class="mw-references reference separada"><a href="#cite_note-properties1-39"><span class="cite-bracket">[</span>39<span class="cite-bracket">]</span></a></sup> con una funcionalidad similar. <code>expression()</code> ya no es soportada por Internet Explorer 8 en adelante, excepto en los modos de compatibilidad. Esta decisión fue tomada para mejorar "el cumplimiento de los estándares, el rendimiento del navegador, y por razones de seguridad".<sup id="cite_ref-properties1_39-1" class="mw-references reference separada"><a href="#cite_note-properties1-39"><span class="cite-bracket">[</span>39<span class="cite-bracket">]</span></a></sup> Como sea, una recomendación candidata <code>calc()</code> para superar esta limitación ha sido publicada por el CSS WG y ahora está soportada por la mayoría de los navegadores modernos.<sup id="cite_ref-40" class="mw-references reference separada"><a href="#cite_note-40"><span class="cite-bracket">[</span>40<span class="cite-bracket">]</span></a></sup></dd></dl> <dl><dt>Ausencia de la declaración de columnas de texto</dt> <dd>Aunque ya es posible implementar esto en la especificación de CSS3 (usando el módulo <code>column-count</code>), las capas con muchas columnas son difíciles de implementar con CSS 2.1.<sup id="cite_ref-41" class="mw-references reference separada"><a href="#cite_note-41"><span class="cite-bracket">[</span>41<span class="cite-bracket">]</span></a></sup> Con CSS 2.1, el proceso se hace usando elementos flotantes, los cuales son renderizados de diferente manera en los distintos navegadores, tamaños, formas de pantalla y sistemas operativos. Ahora, todos los navegadores modernos soportan esta característica de CSS3 de una forma u otra.<sup id="cite_ref-42" class="mw-references reference separada"><a href="#cite_note-42"><span class="cite-bracket">[</span>42<span class="cite-bracket">]</span></a></sup></dd></dl> <div class="mw-heading mw-heading2"><h2 id="Ventajas">Ventajas</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=24" title="Editar sección: Ventajas"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Por otro lado, algunas ventajas de utilizar CSS son: </p> <dl><dt>Separación del contenido y la presentación</dt> <dd>CSS facilita la publicación de contenido en múltiples formatos de presentación basado en parámetros nominales. Estos incluyen preferencias explícitas del usuario, diferentes <a href="/wiki/Navegador_web" title="Navegador web">navegadores web</a>, el tipo de dispositivo usado para ver el contenido (una PC o un <a href="/wiki/Tel%C3%A9fono_inteligente" title="Teléfono inteligente">teléfono inteligente</a>), la <a href="/wiki/Localizaci%C3%B3n_geogr%C3%A1fica" title="Localización geográfica">localización geográfica</a> u otras variables.</dd></dl> <dl><dt>Consistencia del sitio</dt> <dd>Cuando CSS es usado efectivamente, en términos de herencia y "cascading", una hoja de estilos global puede ser usado para aplicar estilos a todo un sitio. Si más adelante estos estilos deben ser cambiados, los cambios pueden ser hechos solo con cambiar las reglas en la hoja de estilos global. Antes de CSS, esto era mucho más difícil, caro y más tardado.</dd></dl> <dl><dt>Ancho de banda</dt> <dd>Una hoja de estilos interna o externa, especifica el estilo para un conjunto de elementos HTML seleccionados por clase, tipo, o herencia. Esto es más eficiente que repetir información para cada ocurrencia del elemento. Una hoja de estilos externa usualmente es guardada en la <a href="/wiki/Cach%C3%A9_web" title="Caché web">caché del navegador</a>, y puede ser usada en múltiples páginas sin ser cargada de nuevo, reduciendo la transferencia de datos a través de la red.</dd></dl> <dl><dt>Formateo de página</dt> <dd>Con un cambio simple en una sola línea, puede cambiarse la hoja de estilos para la misma página. Esto trae ventajas para la accesibilidad, además de que posibilita adaptar el sitio a diferentes dispositivos.</dd></dl> <dl><dt><a href="/wiki/Accesibilidad_web" title="Accesibilidad web">Accesibilidad</a></dt> <dd>Sin CSS, los diseñadores web típicamente diseñaban sus páginas con elementos como tablas que dificultaban la accesibilidad para otros usuarios, y que iban en perjuicio de ciertos usos de los documentos, por parte de navegadores orientados a personas con algunas limitaciones sensoriales.</dd></dl> <div class="mw-heading mw-heading2"><h2 id="Frameworks_de_CSS">Frameworks de CSS</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=25" title="Editar sección: Frameworks de CSS"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="noprint AP rellink"><span style="font-size:88%">Artículo principal:</span> <i><a href="/wiki/Framework_de_CSS" title="Framework de CSS"> Framework de CSS</a></i></div> <p>Los <i>frameworks</i> de CSS son bibliotecas preparadas para simplificar y mejorar el cumplimiento de los estándares en el diseño de páginas web mediante el uso del lenguaje CSS. Algunos de los frameworks de CSS más comunes son <a href="/wiki/Tailwind_CSS" title="Tailwind CSS">Tailwind</a>, <a href="/wiki/Foundation_(framework)" title="Foundation (framework)">Foundation</a>, <a href="/wiki/Blueprint_(framework)" title="Blueprint (framework)">Blueprint</a>, <a href="/wiki/Bootstrap_(framework)" title="Bootstrap (framework)">Bootstrap</a>, <a href="/w/index.php?title=Cascade_Framework&action=edit&redlink=1" class="new" title="Cascade Framework (aún no redactado)">Cascade Framework</a> y <a href="/w/index.php?title=Materialize&action=edit&redlink=1" class="new" title="Materialize (aún no redactado)">Materialize</a>. Como ocurre en la programación con bibliotecas en los <a href="/wiki/Lenguaje_de_script" class="mw-redirect" title="Lenguaje de script">lenguajes de script</a>, los frameworks de CSS se suelen incorporar como hojas de estilo CSS externas referenciadas a través la etiqueta <code><link></code>. Esto ofrece numerosas opciones listas para el <a href="/wiki/Dise%C3%B1o_web" title="Diseño web">diseño</a> y la maquetación de una página web. Aunque muchos frameworks ya han sido publicados, algunos diseñadores los emplean principalmente para desarrollar prototipos rápidos, o con fines de aprendizaje, mientras que prefieren crear su propio código CSS de forma manual.<sup id="cite_ref-43" class="mw-references reference separada"><a href="#cite_note-43"><span class="cite-bracket">[</span>43<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Véase_también"><span id="V.C3.A9ase_tambi.C3.A9n"></span>Véase también</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=26" title="Editar sección: Véase también"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Acid3" title="Acid3">Acid3</a></li> <li><a href="/wiki/CSS_Zen_Garden" title="CSS Zen Garden">CSS Zen Garden</a></li> <li><a href="/wiki/Em_(tipograf%C3%ADa)" title="Em (tipografía)">Em (tipografía)</a></li> <li><a href="/wiki/HTML" title="HTML">HTML</a></li> <li><a href="/wiki/Anexo:Lista_de_lenguajes_de_hojas_de_estilo" class="mw-redirect" title="Anexo:Lista de lenguajes de hojas de estilo">Lista de lenguajes de hojas de estilo</a></li> <li><a href="/wiki/Mejora_progresiva" title="Mejora progresiva">Mejora progresiva</a></li> <li><a href="/wiki/Web_Accessibility_Initiative" title="Web Accessibility Initiative">Web Accessibility Initiative</a></li> <li><a href="/wiki/XHTML" title="XHTML">XHTML</a></li> <li><a href="https://en.wikipedia.org/wiki/Help:Cascading_Style_Sheets" class="extiw" title="w:Help:Cascading Style Sheets">Help:Cascading Style Sheets</a> <span style="color:var(--color-subtle,#555);">(en inglés)</span></li></ul> <div class="mw-heading mw-heading2"><h2 id="Referencias">Referencias</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=27" title="Editar sección: Referencias"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="listaref" style="-moz-column-count:2; -webkit-column-count:2; column-count:2; list-style-type: decimal;"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS21/syndata.html#q10">«W3C CSS2.1 specification for rule sets, declaration blocks, and selectors»</a>. World Wide Web Consortium<span class="reference-accessdate">. Consultado el 20 de junio de 2009</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=W3C+CSS2.1+specification+for+rule+sets%2C+declaration+blocks%2C+and+selectors&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FCSS21%2Fsyndata.html%23q10&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span> Especificaciones para el CSS2.1(en inglés)</span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS">«CSS developer guide»</a>. <i>Mozilla Developer Network</i><span class="reference-accessdate">. Consultado el 21 de octubre de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=CSS+developer+guide&rft.genre=article&rft.jtitle=Mozilla+Developer+Network&rft_id=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FGuide%2FCSS&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.htmlgoodies.com/beyond/article.php/3893911/Web-based-Mobile-Apps-of-the-Future-Using-HTML-5-CSS-and-JavaScript.htm">«Web-based Mobile Apps of the Future Using HTML 5, CSS and JavaScript»</a>. <i>www.htmlgoodies.com</i><span class="reference-accessdate">. Consultado el 21 de octubre de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=Web-based+Mobile+Apps+of+the+Future+Using+HTML+5%2C+CSS+and+JavaScript&rft.genre=article&rft.jtitle=www.htmlgoodies.com&rft_id=http%3A%2F%2Fwww.htmlgoodies.com%2Fbeyond%2Farticle.php%2F3893911%2FWeb-based-Mobile-Apps-of-the-Future-Using-HTML-5-CSS-and-JavaScript.htm&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/standards/webdesign/htmlcss#whatcss">«HTML & CSS - W3C»</a>. <i>www.w3.org</i><span class="reference-accessdate">. Consultado el 21 de octubre de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=HTML+%26+CSS+-+W3C&rft.genre=article&rft.jtitle=www.w3.org&rft_id=http%3A%2F%2Fwww.w3.org%2Fstandards%2Fwebdesign%2Fhtmlcss%23whatcss&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><i><a class="external mw-magiclink-rfc" rel="nofollow" href="https://datatracker.ietf.org/doc/html/rfc2318">RFC 2318</a></i>. <a href="/wiki/Internet_Engineering_Task_Force" class="mw-redirect" title="Internet Engineering Task Force">IETF</a>. (marzo de 1998)</span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/2016/WD-CSS22-20160412/cascade.html#cascade">«The cascade»</a> <span style="color:var(--color-subtle, #555 );">(en inglés)</span>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 12 de abril de 2016.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=The+cascade&rft.date=12+de+abril+de+2016&rft.genre=book&rft.pub=W3C&rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2F2016%2FWD-CSS22-20160412%2Fcascade.html%23cascade&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/2016/WD-CSS22-20160412/cascade.html#inheritance">«Inheritance»</a> <span style="color:var(--color-subtle, #555 );">(en inglés)</span>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 12 de abril de 2016.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Inheritance&rft.date=12+de+abril+de+2016&rft.genre=book&rft.pub=W3C&rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2F2016%2FWD-CSS22-20160412%2Fcascade.html%23inheritance&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/2016/WD-CSS22-20160412/visuren.html#positioning-schemee">«Positioning schemes»</a> <span style="color:var(--color-subtle, #555 );">(en inglés)</span>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 12 de abril de 2016.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Positioning+schemes&rft.date=12+de+abril+de+2016&rft.genre=book&rft.pub=W3C&rft_id=https%3A%2F%2Fwww.w3.org%2FTR%2F2016%2FWD-CSS22-20160412%2Fvisuren.html%23positioning-schemee&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-chss-proposal-9"><span class="mw-cite-backlink">↑ <a href="#cite_ref-chss-proposal_9-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-chss-proposal_9-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><cite class="journal"></cite><span id="CITAREFLie10_de_octubre_de_1994" class="citation publicación">Lie, Hakon W (10 de octubre de 1994). <a rel="nofollow" class="external text" href="http://www.w3.org/People/howcome/p/cascade.html"><i>Cascading HTML style sheets - a proposal</i></a>. CERN<span class="reference-accessdate">. Consultado el 25 de mayo de 2014</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Lie%2C+Hakon+W&rft.aufirst=Hakon+W&rft.aulast=Lie&rft.btitle=Cascading+HTML+style+sheets+-+a+proposal&rft.date=10+de+octubre+de+1994&rft.genre=book&rft.pub=CERN&rft_id=http%3A%2F%2Fwww.w3.org%2FPeople%2Fhowcome%2Fp%2Fcascade.html&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-chapter20-10"><span class="mw-cite-backlink">↑ <a href="#cite_ref-chapter20_10-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-chapter20_10-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-chapter20_10-2"><sup><i><b>c</b></i></sup></a> <a href="#cite_ref-chapter20_10-3"><sup><i><b>d</b></i></sup></a></span> <span class="reference-text"><cite class="book"></cite><span id="CITAREFLieBos1999" class="citation libro"><a href="/w/index.php?title=H%C3%A5kon_Wium_Lie&action=edit&redlink=1" class="new" title="Håkon Wium Lie (aún no redactado)">Lie, Håkon Wium</a>; <a href="/wiki/Bert_Bos" title="Bert Bos">Bos, Bert</a> (1999). <a rel="nofollow" class="external text" href="https://archive.org/details/cascadingstyles000lieh"><i>Cascading Style Sheets, designing for the Web</i></a>. Addison Wesley. <small><a href="/wiki/ISBN" title="ISBN">ISBN</a> <a href="/wiki/Especial:FuentesDeLibros/0-201-59625-3" title="Especial:FuentesDeLibros/0-201-59625-3">0-201-59625-3</a></small><span class="reference-accessdate">. Consultado el 23 de junio de 2010</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Bos%2C+Bert&rft.au=Lie%2C+H%C3%A5kon+Wium&rft.aufirst=H%C3%A5kon+Wium&rft.aulast=Lie&rft.btitle=Cascading+Style+Sheets%2C+designing+for+the+Web&rft.date=1999&rft.genre=book&rft.isbn=0-201-59625-3&rft.pub=Addison+Wesley&rft_id=https%3A%2F%2Farchive.org%2Fdetails%2Fcascadingstyles000lieh&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-w3c-css1-11"><span class="mw-cite-backlink"><a href="#cite_ref-w3c-css1_11-0">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/1999/REC-CSS1-19990111">«Cascading Style Sheets, level 1»</a>. World Wide Web Consortium.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Cascading+Style+Sheets%2C+level+1&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F1999%2FREC-CSS1-19990111&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-WWW3-12"><span class="mw-cite-backlink">↑ <a href="#cite_ref-WWW3_12-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-WWW3_12-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-WWW3_12-2"><sup><i><b>c</b></i></sup></a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFBos14_de_abril_de_1995" class="citation web"><a href="/wiki/Bert_Bos" title="Bert Bos">Bos, Bert</a> (14 de abril de 1995). <a rel="nofollow" class="external text" href="http://www.w3.org/People/Bos/style.html">«Simple style sheets for SGML & HTML on the web»</a>. World Wide Web Consortium<span class="reference-accessdate">. Consultado el 20 de junio de 2010</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Bos%2C+Bert&rft.aufirst=Bert&rft.aulast=Bos&rft.btitle=Simple+style+sheets+for+SGML+%26+HTML+on+the+web&rft.date=14+de+abril+de+1995&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FPeople%2FBos%2Fstyle.html&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-css-phd-13"><span class="mw-cite-backlink">↑ <a href="#cite_ref-css-phd_13-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-css-phd_13-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-css-phd_13-2"><sup><i><b>c</b></i></sup></a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20141004215348/http://people.opera.com/howcome/2006/phd/">«Cascading Style Sheets»</a>. University of Oslo. Archivado desde <a rel="nofollow" class="external text" href="http://people.opera.com/howcome/2006/phd/">el original</a> el 4 de octubre de 2014<span class="reference-accessdate">. Consultado el 3 de septiembre de 2014</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Cascading+Style+Sheets&rft.genre=book&rft.pub=University+of+Oslo&rft_id=http%3A%2F%2Fpeople.opera.com%2Fhowcome%2F2006%2Fphd%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-IEEE-14"><span class="mw-cite-backlink">↑ <a href="#cite_ref-IEEE_14-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-IEEE_14-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFPetrieCailliauNovember_1997" class="citation web">Petrie, Charles; <a href="/wiki/Robert_Cailliau" title="Robert Cailliau">Cailliau, Robert</a> (November 1997). <a rel="nofollow" class="external text" href="https://web.archive.org/web/20110106041256/http://www.computer.org/portal/web/computingnow/ic-cailliau">«Interview Robert Cailliau on the WWW Proposal: "How It Really Happened.<span style="padding-right:0.2em;">"</span>»</a>. <a href="/wiki/Institute_of_Electrical_and_Electronics_Engineers" title="Institute of Electrical and Electronics Engineers">Institute of Electrical and Electronics Engineers</a>. Archivado desde <a rel="nofollow" class="external text" href="http://www.computer.org/portal/web/computingnow/ic-cailliau">el original</a> el 6 de enero de 2011<span class="reference-accessdate">. Consultado el 18 de agosto de 2010</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Cailliau%2C+Robert&rft.au=Petrie%2C+Charles&rft.aufirst=Charles&rft.aulast=Petrie&rft.btitle=Interview+Robert+Cailliau+on+the+WWW+Proposal%3A+%22How+It+Really+Happened.%22&rft.date=November+1997&rft.genre=book&rft.pub=Institute+of+Electrical+and+Electronics+Engineers&rft_id=http%3A%2F%2Fwww.computer.org%2Fportal%2Fweb%2Fcomputingnow%2Fic-cailliau&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-cssdftw-15"><span class="mw-cite-backlink"><a href="#cite_ref-cssdftw_15-0">↑</a></span> <span class="reference-text"><cite class="book"></cite><span id="CITAREFBos1999" class="citation libro">Bos, Håkon Wium Lie, Bert (1999). <a rel="nofollow" class="external text" href="https://archive.org/details/cascadingstyles000lieh"><i>Cascading style sheets: designing for the Web</i></a> (2nd edición). Harlow, Essex, England: Addison-Wesley. <small><a href="/wiki/ISBN" title="ISBN">ISBN</a> <a href="/wiki/Especial:FuentesDeLibros/0-201-59625-3" title="Especial:FuentesDeLibros/0-201-59625-3">0-201-59625-3</a></small>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Bos%2C+H%C3%A5kon+Wium+Lie%2C+Bert&rft.aufirst=H%C3%A5kon+Wium+Lie%2C+Bert&rft.aulast=Bos&rft.btitle=Cascading+style+sheets%3A+designing+for+the+Web&rft.date=1999&rft.edition=2nd&rft.genre=book&rft.isbn=0-201-59625-3&rft.place=Harlow%2C+Essex%2C+England&rft.pub=Addison-Wesley&rft_id=https%3A%2F%2Farchive.org%2Fdetails%2Fcascadingstyles000lieh&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-ssp-16"><span class="mw-cite-backlink"><a href="#cite_ref-ssp_16-0">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFBos31_de_marzo_de_1995" class="citation web"><a href="/wiki/Bert_Bos" title="Bert Bos">Bos, Bert</a> (31 de marzo de 1995). <a rel="nofollow" class="external text" href="http://www.w3.org/People/Bos/stylesheets.html">«Stream-based Style sheet Proposal»</a><span class="reference-accessdate">. Consultado el 3 de septiembre de 2014</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Bos%2C+Bert&rft.aufirst=Bert&rft.aulast=Bos&rft.btitle=Stream-based+Style+sheet+Proposal&rft.date=31+de+marzo+de+1995&rft.genre=book&rft_id=http%3A%2F%2Fwww.w3.org%2FPeople%2FBos%2Fstylesheets.html&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-17"><span class="mw-cite-backlink"><a href="#cite_ref-17">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFNielsen7_de_junio_de_2002" class="citation web"><a href="/w/index.php?title=Henrik_Frystyk_Nielsen&action=edit&redlink=1" class="new" title="Henrik Frystyk Nielsen (aún no redactado)">Nielsen, Henrik Frystyk</a> (7 de junio de 2002). <a rel="nofollow" class="external text" href="http://www.w3.org/Library/Collaborators.html">«Libwww Hackers»</a>. World Wide Web Consortium<span class="reference-accessdate">. Consultado el 6 de junio de 2010</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Nielsen%2C+Henrik+Frystyk&rft.aufirst=Henrik+Frystyk&rft.aulast=Nielsen&rft.btitle=Libwww+Hackers&rft.date=7+de+junio+de+2002&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FLibrary%2FCollaborators.html&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-18"><span class="mw-cite-backlink"><a href="#cite_ref-18">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/People/Lafon/">«Yves Lafon»</a>. World Wide Web Consortium<span class="reference-accessdate">. Consultado el 17 de junio de 2010</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Yves+Lafon&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FPeople%2FLafon%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-19"><span class="mw-cite-backlink"><a href="#cite_ref-19">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/People/domain?domain=Technology+and+Society">«The W3C Team: Technology and Society»</a>. World Wide Web Consortium. 18 de julio de 2008<span class="reference-accessdate">. Consultado el 22 de enero de 2011</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=The+W3C+Team%3A+Technology+and+Society&rft.date=18+de+julio+de+2008&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FPeople%2Fdomain%3Fdomain%3DTechnology%2Band%2BSociety&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-20"><span class="mw-cite-backlink"><a href="#cite_ref-20">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFLou_MontulliBrendan_EichScott_FurmanDonna_Converse22_de_agosto_de_1996" class="citation web"><a href="/wiki/Lou_Montulli" title="Lou Montulli">Lou Montulli</a>; <a href="/wiki/Brendan_Eich" title="Brendan Eich">Brendan Eich</a>; <a href="/w/index.php?title=Scott_Furman&action=edit&redlink=1" class="new" title="Scott Furman (aún no redactado)">Scott Furman</a>; <a href="/w/index.php?title=Donna_Converse&action=edit&redlink=1" class="new" title="Donna Converse (aún no redactado)">Donna Converse</a>; <a href="/w/index.php?title=Troy_Chevalier&action=edit&redlink=1" class="new" title="Troy Chevalier (aún no redactado)">Troy Chevalier</a> (22 de agosto de 1996). <a rel="nofollow" class="external text" href="http://www.w3.org/Submission/1996/1/WD-jsss-960822">«JavaScript-Based Style Sheets»</a>. <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a><span class="reference-accessdate">. Consultado el 23 de junio de 2010</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Brendan+Eich&rft.au=Donna+Converse&rft.au=Lou+Montulli&rft.au=Scott+Furman&rft.au=Troy+Chevalier&rft.aulast=Lou+Montulli&rft.btitle=JavaScript-Based+Style+Sheets&rft.date=22+de+agosto+de+1996&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FSubmission%2F1996%2F1%2FWD-jsss-960822&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-CSS1-21"><span class="mw-cite-backlink">↑ <a href="#cite_ref-CSS1_21-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-CSS1_21-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>: <i><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS1">Especificación CSS1</a></i> (en inglés)</span> </li> <li id="cite_note-22"><span class="mw-cite-backlink"><a href="#cite_ref-22">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2008/REC-CSS2-20080411/">«Especificación CSS2»</a> <span style="color:var(--color-subtle, #555 );">(en inglés)</span>. <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>. 1998.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Especificaci%C3%B3n+CSS2&rft.date=1998&rft.genre=book&rft.pub=W3C&rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2F2008%2FREC-CSS2-20080411%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-23"><span class="mw-cite-backlink"><a href="#cite_ref-23">↑</a></span> <span class="reference-text">CSS 2.1 fue lanzada como <a rel="nofollow" class="external text" href="http://www.w3.org/TR/2004/CR-CSS21-20040225/">Candidata a recomendación</a> el 25 de febrero de 2004 (en inglés)</span> </li> <li id="cite_note-24"><span class="mw-cite-backlink"><a href="#cite_ref-24">↑</a></span> <span class="reference-text"><a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a>:<i><a rel="nofollow" class="external text" href="http://www.w3.org/TR/2011/PR-CSS2-20110412/">CSS2.1</a> (recomendación propuesta por la W3C)</i> (en inglés)</span> </li> <li id="cite_note-w3.org-25"><span class="mw-cite-backlink"><a href="#cite_ref-w3.org_25-0">↑</a></span> <span class="reference-text"><i><a rel="nofollow" class="external text" href="http://www.w3.org/2011/05/css-pr.html.en.">La W3C publica el estándard CSS2.1</a> (en inglés)</i></span> </li> <li id="cite_note-World_Wide_Web_Consortium-26"><span class="mw-cite-backlink">↑ <a href="#cite_ref-World_Wide_Web_Consortium_26-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-World_Wide_Web_Consortium_26-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFBos18_de_febrero_de_2011" class="citation web"><a href="/wiki/Bert_Bos" title="Bert Bos">Bos, Bert</a> (18 de febrero de 2011). <a rel="nofollow" class="external text" href="http://www.w3.org/Style/CSS/specs">«Descriptions of all CSS specifications»</a>. <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a><span class="reference-accessdate">. Consultado el 3 de marzo de 2011</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Bos%2C+Bert&rft.aufirst=Bert&rft.aulast=Bos&rft.btitle=Descriptions+of+all+CSS+specifications&rft.date=18+de+febrero+de+2011&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span> Descripción de todas las especificaciones del CSS, por la W3C (en inglés)</span> </li> <li id="cite_note-27"><span class="mw-cite-backlink"><a href="#cite_ref-27">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFBos26_de_febrero_de_2011" class="citation web"><a href="/wiki/Bert_Bos" title="Bert Bos">Bos, Bert</a> (26 de febrero de 2011). <a rel="nofollow" class="external text" href="http://www.w3.org/Style/CSS/current-work">«CSS current work»</a>. <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a><span class="reference-accessdate">. Consultado el 3 de marzo de 2011</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Bos%2C+Bert&rft.aufirst=Bert&rft.aulast=Bos&rft.btitle=CSS+current+work&rft.date=26+de+febrero+de+2011&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fcurrent-work&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span> Trabajos actuales en CSS (en inglés)</span> </li> <li id="cite_note-28"><span class="mw-cite-backlink"><a href="#cite_ref-28">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFEtemad12_de_diciembre_de_2010" class="citation web"><a href="/w/index.php?title=Elika_J._Etemad&action=edit&redlink=1" class="new" title="Elika J. Etemad (aún no redactado)">Etemad, Elika</a> (12 de diciembre de 2010). <a rel="nofollow" class="external text" href="http://www.w3.org/TR/css-2010/#css">«Cascading Style Sheets (CSS) Snapshot 2010»</a>. <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">World Wide Web Consortium</a><span class="reference-accessdate">. Consultado el 3 de marzo de 2011</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Etemad%2C+Elika&rft.aufirst=Elika&rft.aulast=Etemad&rft.btitle=Cascading+Style+Sheets+%28CSS%29+Snapshot+2010&rft.date=12+de+diciembre+de+2010&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fcss-2010%2F%23css&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span> Definiciones del CSS (2010) (en inglés)</span> </li> <li id="cite_note-popupie-29"><span class="mw-cite-backlink"><a href="#cite_ref-popupie_29-0">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFClemente_Laboreo" class="citation web">Clemente Laboreo, Daniel. <a rel="nofollow" class="external text" href="http://www.danielclemente.com/navega/popup.html">«Pop-up para usuarios de IE»</a>. <i><a rel="nofollow" class="external free" href="http://www.danielclemente.com">http://www.danielclemente.com</a></i><span class="reference-accessdate">. Consultado el 12 de noviembre de 2017</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=Pop-up+para+usuarios+de+IE&rft.au=Clemente+Laboreo%2C+Daniel&rft.aufirst=Daniel&rft.aulast=Clemente+Laboreo&rft.genre=article&rft.jtitle=http%3A%2F%2Fwww.danielclemente.com&rft_id=http%3A%2F%2Fwww.danielclemente.com%2Fnavega%2Fpopup.html&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-30"><span class="mw-cite-backlink"><a href="#cite_ref-30">↑</a></span> <span class="reference-text"><cite class="journal"></cite><span class="citation publicación"><a rel="nofollow" class="external text" href="https://www.smashingmagazine.com/2010/04/css3-solutions-for-internet-explorer/">«CSS3 Solutions for Internet Explorer – Smashing Magazine»</a>. <i>Smashing Magazine</i> <span style="color:var(--color-subtle, #555 );">(en inglés estadounidense)</span>. 28 de abril de 2010<span class="reference-accessdate">. Consultado el 12 de octubre de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=CSS3+Solutions+for+Internet+Explorer+%E2%80%93+Smashing+Magazine&rft.date=28+de+abril+de+2010&rft.genre=article&rft.jtitle=Smashing+Magazine&rft_id=https%3A%2F%2Fwww.smashingmagazine.com%2F2010%2F04%2Fcss3-solutions-for-internet-explorer%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-31"><span class="mw-cite-backlink"><a href="#cite_ref-31">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/">«Using Feature Queries in CSS ★ Mozilla Hacks – the Web developer blog»</a>. <i>hacks.mozilla.org</i><span class="reference-accessdate">. Consultado el 12 de octubre de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=Using+Feature+Queries+in+CSS+%E2%98%85+Mozilla+Hacks+%E2%80%93+the+Web+developer+blog&rft.genre=article&rft.jtitle=hacks.mozilla.org&rft_id=https%3A%2F%2Fhacks.mozilla.org%2F2016%2F08%2Fusing-feature-queries-in-css%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-32"><span class="mw-cite-backlink"><a href="#cite_ref-32">↑</a></span> <span class="reference-text"><cite class="news"></cite><span class="citation noticia"><a rel="nofollow" class="external text" href="https://arstechnica.com/information-technology/2014/04/looking-at-the-web-with-internet-explorer-6-one-last-time/">«Looking at the Web with Internet Explorer 6, one last time»</a>. <i>Ars Technica</i><span class="reference-accessdate">. Consultado el 12 de octubre de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=Looking+at+the+Web+with+Internet+Explorer+6%2C+one+last+time&rft.genre=article&rft.jtitle=Ars+Technica&rft_id=https%3A%2F%2Farstechnica.com%2Finformation-technology%2F2014%2F04%2Flooking-at-the-web-with-internet-explorer-6-one-last-time%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-css-missing-33"><span class="mw-cite-backlink"><a href="#cite_ref-css-missing_33-0">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFMolly_Holzschlagenero_de_2012" class="citation web"><a href="/w/index.php?title=Molly_Holzschlag&action=edit&redlink=1" class="new" title="Molly Holzschlag (aún no redactado)">Molly Holzschlag</a> (enero de 2012). <a rel="nofollow" class="external text" href="https://web.archive.org/web/20170305034521/http://www.creativebloq.com/css3/seven-things-still-missing-css-1126553">«Seven Things Still Missing from CSS»</a>. .net Magazine. Archivado desde <a rel="nofollow" class="external text" href="http://www.creativebloq.com/css3/seven-things-still-missing-css-1126553">el original</a> el 5 de marzo de 2017<span class="reference-accessdate">. Consultado el 12 de noviembre de 2017</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Molly+Holzschlag&rft.aulast=Molly+Holzschlag&rft.btitle=Seven+Things+Still+Missing+from+CSS&rft.date=enero+de+2012&rft.genre=book&rft.pub=.net+Magazine&rft_id=http%3A%2F%2Fwww.creativebloq.com%2Fcss3%2Fseven-things-still-missing-css-1126553&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-34"><span class="mw-cite-backlink"><a href="#cite_ref-34">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20130817120016/http://www.w3.org/TR/selectors4/#subject">«Selectors Level 4 – Determining the Subject of a Selector»</a>. W3.org. Archivado desde <a rel="nofollow" class="external text" href="http://www.w3.org/TR/selectors4/#subject">el original</a> el 17 de agosto de 2013<span class="reference-accessdate">. Consultado el 13 de agosto de 2013</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Selectors+Level+4+%E2%80%93+Determining+the+Subject+of+a+Selector&rft.genre=book&rft.pub=W3.org&rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fselectors4%2F%23subject&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-why-not-parent-selector-35"><span class="mw-cite-backlink"><a href="#cite_ref-why-not-parent-selector_35-0">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFSnookoctubre_de_2010" class="citation web">Snook, Jonathan (octubre de 2010). <a rel="nofollow" class="external text" href="https://web.archive.org/web/20120118135154/http://www.snook.ca/archives/html_and_css/css-parent-selectors">«Why we don't have a parent selector»</a>. snook.ca. Archivado desde <a rel="nofollow" class="external text" href="http://snook.ca/archives/html_and_css/css-parent-selectors">el original</a> el 18 de enero de 2012<span class="reference-accessdate">. Consultado el 12 de noviembre de 2017</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Snook%2C+Jonathan&rft.aufirst=Jonathan&rft.aulast=Snook&rft.btitle=Why+we+don%27t+have+a+parent+selector&rft.date=octubre+de+2010&rft.genre=book&rft.pub=snook.ca&rft_id=http%3A%2F%2Fsnook.ca%2Farchives%2Fhtml_and_css%2Fcss-parent-selectors&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-36"><span class="mw-cite-backlink"><a href="#cite_ref-36">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20091209071014/http://meyerweb.com/eric/css/edge/popups/demo.html">«Pure CSS Popups»</a>. meyerweb.com. Archivado desde <a rel="nofollow" class="external text" href="http://meyerweb.com/eric/css/edge/popups/demo.html">el original</a> el 9 de diciembre de 2009<span class="reference-accessdate">. Consultado el 19 de noviembre de 2009</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Pure+CSS+Popups&rft.genre=book&rft.pub=meyerweb.com&rft_id=http%3A%2F%2Fmeyerweb.com%2Feric%2Fcss%2Fedge%2Fpopups%2Fdemo.html&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-37"><span class="mw-cite-backlink"><a href="#cite_ref-37">↑</a></span> <span class="reference-text"><cite class="web"></cite><span id="CITAREFTab_Atkins_Jr." class="citation web">Tab Atkins Jr. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20160222160949/http://tabatkins.github.io/specs/css-apply-rule/">«CSS apply rule»</a>. GitHub. Archivado desde <a rel="nofollow" class="external text" href="https://tabatkins.github.io/specs/css-apply-rule/">el original</a> el 22 de febrero de 2016<span class="reference-accessdate">. Consultado el 27 de febrero de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Tab+Atkins+Jr.&rft.aulast=Tab+Atkins+Jr.&rft.btitle=CSS+apply+rule&rft.genre=book&rft.pub=GitHub&rft_id=https%3A%2F%2Ftabatkins.github.io%2Fspecs%2Fcss-apply-rule%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-38"><span class="mw-cite-backlink"><a href="#cite_ref-38">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support">«Internet Explorer End of Support»</a>. Microsoft<span class="reference-accessdate">. Consultado el 27 de febrero de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Internet+Explorer+End+of+Support&rft.genre=book&rft.pub=Microsoft&rft_id=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2FWindowsForBusiness%2FEnd-of-IE-support&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-properties1-39"><span class="mw-cite-backlink">↑ <a href="#cite_ref-properties1_39-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-properties1_39-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://msdn.microsoft.com/en-us/library/ms537634.aspx">«About Dynamic Properties»</a>. Msdn.microsoft.com<span class="reference-accessdate">. Consultado el 20 de junio de 2009</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=About+Dynamic+Properties&rft.genre=book&rft.pub=Msdn.microsoft.com&rft_id=http%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Flibrary%2Fms537634.aspx&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-40"><span class="mw-cite-backlink"><a href="#cite_ref-40">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20160304055316/http://caniuse.com/calc">«Can I use... Support tables for HTML5, CSS3, etc.»</a>. CanIUse.com. Archivado desde <a rel="nofollow" class="external text" href="http://caniuse.com/calc">el original</a> el 4 de marzo de 2016<span class="reference-accessdate">. Consultado el 27 de febrero de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Can+I+use...+Support+tables+for+HTML5%2C+CSS3%2C+etc.&rft.genre=book&rft.pub=CanIUse.com&rft_id=http%3A%2F%2Fcaniuse.com%2Fcalc&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-41"><span class="mw-cite-backlink"><a href="#cite_ref-41">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/css3-multicol/">«CSS Multi-column Layout Module»</a>. World Wide Web Consortium<span class="reference-accessdate">. Consultado el 1 de mayo de 2011</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=CSS+Multi-column+Layout+Module&rft.genre=book&rft.pub=World+Wide+Web+Consortium&rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fcss3-multicol%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-42"><span class="mw-cite-backlink"><a href="#cite_ref-42">↑</a></span> <span class="reference-text"><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://caniuse.com/columns">«Can I use... Support tables for HTML5, CSS3, etc.»</a>. CanIUse.com<span class="reference-accessdate">. Consultado el 27 de febrero de 2016</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.btitle=Can+I+use...+Support+tables+for+HTML5%2C+CSS3%2C+etc.&rft.genre=book&rft.pub=CanIUse.com&rft_id=http%3A%2F%2Fcaniuse.com%2Fcolumns&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> <li id="cite_note-43"><span class="mw-cite-backlink"><a href="#cite_ref-43">↑</a></span> <span class="reference-text"><cite class="book"></cite><span id="CITAREFCederholmEthan_Marcotte2009" class="citation libro">Cederholm, Dan; Ethan Marcotte (2009). <a rel="nofollow" class="external text" href="https://books.google.com/books?id=UgrUeIwsS60C&pg=PA114"><i>Handcrafted CSS: More Bulletproof Web Design</i></a>. New Riders. p. 114. <small><a href="/wiki/ISBN" title="ISBN">ISBN</a> <a href="/wiki/Especial:FuentesDeLibros/978-0-321-64338-4" title="Especial:FuentesDeLibros/978-0-321-64338-4">978-0-321-64338-4</a></small><span class="reference-accessdate">. Consultado el 19 de junio de 2010</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.au=Cederholm%2C+Dan&rft.au=Ethan+Marcotte&rft.aufirst=Dan&rft.aulast=Cederholm&rft.btitle=Handcrafted+CSS%3A+More+Bulletproof+Web+Design&rft.date=2009&rft.genre=book&rft.isbn=978-0-321-64338-4&rft.pages=114&rft.pub=New+Riders&rft_id=https%3A%2F%2Fbooks.google.com%2Fbooks%3Fid%3DUgrUeIwsS60C%26pg%3DPA114&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook" class="Z3988"><span style="display:none;"> </span></span></span> </li> </ol></div> <div class="mw-heading mw-heading2"><h2 id="Enlaces_externos">Enlaces externos</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=CSS&action=edit&section=28" title="Editar sección: Enlaces externos"><span>editar</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="https://drafts.csswg.org/css-2015/">«CSS Snapshot 2015»</a>. <i>W3C</i> <span style="color:var(--color-subtle, #555 );">(en inglés)</span><span class="reference-accessdate">. Consultado el 10 de diciembre de 2015</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=CSS+Snapshot+2015&rft.genre=article&rft.jtitle=W3C&rft_id=https%3A%2F%2Fdrafts.csswg.org%2Fcss-2015%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span> – Este documento reúne en un solo documento todas las especificaciones que conforman el estado actual de CSS en 2015.</li></ul> <ul><li><cite class="web"></cite><span class="citation web"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS/">«Cascading Style Sheets (CSS) Snapshot 2010»</a>. <i>W3C</i> <span style="color:var(--color-subtle, #555 );">(en inglés)</span><span class="reference-accessdate">. Consultado el 23 de julio de 2014</span>.</span><span title="ctx_ver=Z39.88-2004&rfr_id=info%3Asid%2Fes.wikipedia.org%3ACSS&rft.atitle=Cascading+Style+Sheets+%28CSS%29+Snapshot+2010&rft.genre=article&rft.jtitle=W3C&rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FCSS%2F&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal" class="Z3988"><span style="display:none;"> </span></span> – Incluye enlaces a las especificaciones.</li> <li><a href="/w/index.php?title=Comparison_of_layout_engines_(CSS)&action=edit&redlink=1" class="new" title="Comparison of layout engines (CSS) (aún no redactado)">Comparación de la presentación CSS en diferentes motores</a> (Wikipedia en inglés)</li> <li><a rel="nofollow" class="external autonumber" href="https://web.archive.org/web/20160310025511/http://www.w3schools.com/Css/css3_intro.asp">[1]</a> CSS3 Introduction</li></ul> <ul><li><div class="plainlinks" style="display:inline">Esta obra contiene una traducción parcial derivada de «<a href="https://en.wikipedia.org/wiki/Css" class="extiw" title="en:Css">Css</a>» de Wikipedia en inglés, concretamente de <a class="external text" href="https://en.wikipedia.org/wiki/Css?oldid=469635433">esta versión</a>, publicada por <a class="external text" href="https://en.wikipedia.org/wiki/Css?action=history">sus editores</a> bajo la <a href="/wiki/Wikipedia:Texto_de_la_Licencia_de_documentaci%C3%B3n_libre_de_GNU" title="Wikipedia:Texto de la Licencia de documentación libre de GNU">Licencia de documentación libre de GNU</a> y la <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.es">Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional</a>.</div></li></ul> <style data-mw-deduplicate="TemplateStyles:r161257576">.mw-parser-output .mw-authority-control{margin-top:1.5em}.mw-parser-output .mw-authority-control .navbox table{margin:0}.mw-parser-output .mw-authority-control .navbox hr:last-child{display:none}.mw-parser-output .mw-authority-control .navbox+.mw-mf-linked-projects{display:none}.mw-parser-output .mw-authority-control .mw-mf-linked-projects{display:flex;padding:0.5em;border:1px solid var(--border-color-base,#a2a9b1);background-color:var(--background-color-neutral,#eaecf0);color:var(--color-base,#202122)}.mw-parser-output .mw-authority-control .mw-mf-linked-projects ul li{margin-bottom:0}.mw-parser-output .mw-authority-control .navbox{border:1px solid var(--border-color-base,#a2a9b1);background-color:var(--background-color-neutral-subtle,#f8f9fa)}.mw-parser-output .mw-authority-control .navbox-list{border-color:#f8f9fa}.mw-parser-output .mw-authority-control .navbox th{background-color:#eeeeff}html.skin-theme-clientpref-night .mw-parser-output .mw-authority-control .mw-mf-linked-projects{border:1px solid var(--border-color-base,#72777d);background-color:var(--background-color-neutral,#27292d);color:var(--color-base,#eaecf0)}html.skin-theme-clientpref-night .mw-parser-output .mw-authority-control .navbox{border:1px solid var(--border-color-base,#72777d)!important;background-color:var(--background-color-neutral-subtle,#202122)!important}html.skin-theme-clientpref-night .mw-parser-output .mw-authority-control .navbox-list{border-color:#202122!important}html.skin-theme-clientpref-night .mw-parser-output .mw-authority-control .navbox th{background-color:#27292d!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .mw-authority-control .mw-mf-linked-projects{border:1px solid var(--border-color-base,#72777d)!important;background-color:var(--background-color-neutral,#27292d)!important;color:var(--color-base,#eaecf0)!important}html.skin-theme-clientpref-os .mw-parser-output .mw-authority-control .navbox{border:1px solid var(--border-color-base,#72777d)!important;background-color:var(--background-color-neutral-subtle,#202122)!important}html.skin-theme-clientpref-os .mw-parser-output .mw-authority-control .navbox-list{border-color:#202122!important}html.skin-theme-clientpref-os .mw-parser-output .mw-authority-control .navbox th{background-color:#27292d!important}}</style><div class="mw-authority-control"><div role="navigation" class="navbox" aria-label="Navbox" style="width: inherit;padding:3px"><table class="hlist navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="row" class="navbox-group" style="width: 12%; text-align:center;"><a href="/wiki/Control_de_autoridades" title="Control de autoridades">Control de autoridades</a></th><td class="navbox-list navbox-odd" style="text-align:left;border-left-width:2px;border-left-style:solid;width:100%;padding:0px"><div style="padding:0em 0.25em"> <ul><li><b>Proyectos Wikimedia</b></li> <li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/Wikidata" title="Wikidata"><img alt="Wd" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/20px-Wikidata-logo.svg.png" decoding="async" width="20" height="11" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/30px-Wikidata-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/40px-Wikidata-logo.svg.png 2x" data-file-width="1050" data-file-height="590" /></a></span> Datos:</span> <span class="uid"><a href="https://www.wikidata.org/wiki/Q46441" class="extiw" title="wikidata:Q46441">Q46441</a></span></li> <li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/Wikimedia_Commons" title="Commonscat"><img alt="Commonscat" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/20px-Commons-logo.svg.png" decoding="async" width="15" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/40px-Commons-logo.svg.png 1.5x" data-file-width="1024" data-file-height="1376" /></a></span> Multimedia:</span> <span class="uid"><span class="plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Cascading_Style_Sheets">Cascading Style Sheets</a></span> / <span class="plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/Special:MediaSearch?type=image&search=%22Q46441%22">Q46441</a></span></span></li> <li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/Wikilibros" title="Wikibooks"><img alt="Wikibooks" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/15px-Wikibooks-logo.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/23px-Wikibooks-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/30px-Wikibooks-logo.svg.png 2x" data-file-width="300" data-file-height="300" /></a></span> Libros y manuales:</span> <span class="uid"><a href="https://es.wikibooks.org/wiki/Hojas_de_estilo_CSS" class="extiw" title="b:Hojas de estilo CSS">Hojas de estilo CSS</a></span></li> <li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/MediaWiki" title="MediaWiki"><img alt="MediaWiki" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/20px-MediaWiki-2020-icon.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/30px-MediaWiki-2020-icon.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/40px-MediaWiki-2020-icon.svg.png 2x" data-file-width="100" data-file-height="100" /></a></span> MediaWiki:</span> <span class="uid"><a href="https://www.mediawiki.org/wiki/Manual:CSS" class="extiw" title="mw:Manual:CSS">Manual:CSS</a></span></li></ul> <hr /> <ul><li><b>Identificadores</b></li> <li><span style="white-space:nowrap;"><a href="/wiki/Biblioteca_Nacional_de_Espa%C3%B1a" title="Biblioteca Nacional de España">BNE</a>:</span> <span class="uid"><a rel="nofollow" class="external text" href="https://datos.bne.es/resource/XX550325">XX550325</a></span></li> <li><span style="white-space:nowrap;"><a href="/wiki/Biblioteca_Nacional_de_Francia" title="Biblioteca Nacional de Francia">BNF</a>:</span> <span class="uid"><a rel="nofollow" class="external text" href="https://catalogue.bnf.fr/ark:/12148/cb13739222f">13739222f</a> <a rel="nofollow" class="external text" href="http://data.bnf.fr/ark:/12148/cb13739222f">(data)</a></span></li> <li><span style="white-space:nowrap;"><a href="/wiki/Gemeinsame_Normdatei" title="Gemeinsame Normdatei">GND</a>:</span> <span class="uid"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4467617-7">4467617-7</a></span></li> <li><span style="white-space:nowrap;"><a href="/wiki/Library_of_Congress_Control_Number" title="Library of Congress Control Number">LCCN</a>:</span> <span class="uid"><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/sh2001004461">sh2001004461</a></span></li> <li><span style="white-space:nowrap;"><a href="/wiki/Biblioteca_Nacional_de_la_Rep%C3%BAblica_Checa" title="Biblioteca Nacional de la República Checa">NKC</a>:</span> <span class="uid"><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph164348">ph164348</a></span></li> <li><span style="white-space:nowrap;"><a href="/wiki/Biblioteca_Nacional_de_Israel" title="Biblioteca Nacional de Israel">NLI</a>:</span> <span class="uid"><a rel="nofollow" class="external text" href="https://www.nli.org.il/en/authorities/987007537193405171">987007537193405171</a></span></li> <li><b>Diccionarios y enciclopedias</b></li> <li><span style="white-space:nowrap;"><a href="/wiki/Enciclopedia_Brit%C3%A1nica" title="Enciclopedia Británica">Britannica</a>:</span> <span class="uid"><a rel="nofollow" class="external text" href="https://www.britannica.com/technology/CSS-programming-language">url</a></span></li></ul> </div></td></tr></tbody></table></div><div class="mw-mf-linked-projects hlist"> <ul><li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/Wikidata" title="Wikidata"><img alt="Wd" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/20px-Wikidata-logo.svg.png" decoding="async" width="20" height="11" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/30px-Wikidata-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/40px-Wikidata-logo.svg.png 2x" data-file-width="1050" data-file-height="590" /></a></span> Datos:</span> <span class="uid"><a href="https://www.wikidata.org/wiki/Q46441" class="extiw" title="wikidata:Q46441">Q46441</a></span></li> <li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/Wikimedia_Commons" title="Commonscat"><img alt="Commonscat" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/20px-Commons-logo.svg.png" decoding="async" width="15" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/40px-Commons-logo.svg.png 1.5x" data-file-width="1024" data-file-height="1376" /></a></span> Multimedia:</span> <span class="uid"><span class="plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Cascading_Style_Sheets">Cascading Style Sheets</a></span> / <span class="plainlinks"><a class="external text" href="https://commons.wikimedia.org/wiki/Special:MediaSearch?type=image&search=%22Q46441%22">Q46441</a></span></span></li> <li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/Wikilibros" title="Wikibooks"><img alt="Wikibooks" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/15px-Wikibooks-logo.svg.png" decoding="async" width="15" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/23px-Wikibooks-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/30px-Wikibooks-logo.svg.png 2x" data-file-width="300" data-file-height="300" /></a></span> Libros y manuales:</span> <span class="uid"><a href="https://es.wikibooks.org/wiki/Hojas_de_estilo_CSS" class="extiw" title="b:Hojas de estilo CSS">Hojas de estilo CSS</a></span></li> <li><span style="white-space:nowrap;"><span typeof="mw:File"><a href="/wiki/MediaWiki" title="MediaWiki"><img alt="MediaWiki" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/20px-MediaWiki-2020-icon.svg.png" decoding="async" width="20" height="20" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/30px-MediaWiki-2020-icon.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a6/MediaWiki-2020-icon.svg/40px-MediaWiki-2020-icon.svg.png 2x" data-file-width="100" data-file-height="100" /></a></span> MediaWiki:</span> <span class="uid"><a href="https://www.mediawiki.org/wiki/Manual:CSS" class="extiw" title="mw:Manual:CSS">Manual:CSS</a></span></li></ul> </div></div>    </div><noscript><img src="https://auth.wikimedia.org/loginwiki/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=1" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Obtenido de «<a dir="ltr" href="https://es.wikipedia.org/w/index.php?title=CSS&oldid=165463282">https://es.wikipedia.org/w/index.php?title=CSS&oldid=165463282</a>»</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Especial:Categor%C3%ADas" title="Especial:Categorías">Categorías</a>: <ul><li><a href="/wiki/Categor%C3%ADa:Dise%C3%B1o_web" title="Categoría:Diseño web">Diseño web</a></li><li><a href="/wiki/Categor%C3%ADa:Lenguajes_de_marcado" title="Categoría:Lenguajes de marcado">Lenguajes de marcado</a></li><li><a href="/wiki/Categor%C3%ADa:Est%C3%A1ndares_del_World_Wide_Web_Consortium" title="Categoría:Estándares del World Wide Web Consortium">Estándares del World Wide Web Consortium</a></li><li><a href="/wiki/Categor%C3%ADa:Introducciones_relacionadas_a_la_ciencia_de_la_computaci%C3%B3n_de_1996" title="Categoría:Introducciones relacionadas a la ciencia de la computación de 1996">Introducciones relacionadas a la ciencia de la computación de 1996</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Categorías ocultas: <ul><li><a href="/wiki/Categor%C3%ADa:Wikipedia:P%C3%A1ginas_con_enlaces_m%C3%A1gicos_de_RFC" title="Categoría:Wikipedia:Páginas con enlaces mágicos de RFC">Wikipedia:Páginas con enlaces mágicos de RFC</a></li><li><a href="/wiki/Categor%C3%ADa:Wikipedia:P%C3%A1ginas_con_traducciones_del_ingl%C3%A9s" title="Categoría:Wikipedia:Páginas con traducciones del inglés">Wikipedia:Páginas con traducciones del inglés</a></li><li><a href="/wiki/Categor%C3%ADa:Wikipedia:Art%C3%ADculos_con_identificadores_BNE" title="Categoría:Wikipedia:Artículos con identificadores BNE">Wikipedia:Artículos con identificadores BNE</a></li><li><a href="/wiki/Categor%C3%ADa:Wikipedia:Art%C3%ADculos_con_identificadores_BNF" title="Categoría:Wikipedia:Artículos con identificadores BNF">Wikipedia:Artículos con identificadores BNF</a></li><li><a href="/wiki/Categor%C3%ADa:Wikipedia:Art%C3%ADculos_con_identificadores_GND" title="Categoría:Wikipedia:Artículos con identificadores GND">Wikipedia:Artículos con identificadores GND</a></li><li><a href="/wiki/Categor%C3%ADa:Wikipedia:Art%C3%ADculos_con_identificadores_LCCN" title="Categoría:Wikipedia:Artículos con identificadores LCCN">Wikipedia:Artículos con identificadores LCCN</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Esta página se editó por última vez el 17 feb 2025 a las 02:09.</li> <li id="footer-info-copyright">El texto está disponible bajo la <a href="/wiki/Wikipedia:Texto_de_la_Licencia_Creative_Commons_Atribuci%C3%B3n-CompartirIgual_4.0_Internacional" title="Wikipedia:Texto de la Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional">Licencia Creative Commons Atribución-CompartirIgual 4.0</a>; pueden aplicarse cláusulas adicionales. Al usar este sitio aceptas nuestros <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/es">términos de uso</a> y nuestra <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Privacy_policy/es">política de privacidad</a>.<br />Wikipedia® es una marca registrada de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/es/">Fundación Wikimedia</a>, una organización sin ánimo de lucro.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/es">Política de privacidad</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:Acerca_de">Acerca de Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Limitaci%C3%B3n_general_de_responsabilidad">Limitación de responsabilidad</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Código de conducta</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Desarrolladores</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/es.wikipedia.org">Estadísticas</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement/es">Declaración de cookies</a></li> <li id="footer-places-mobileview"><a href="//es.m.wikipedia.org/w/index.php?title=CSS&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Versión para móviles</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://www.wikimedia.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/static/images/footer/wikimedia-button.svg" width="84" height="29"><img src="/static/images/footer/wikimedia.svg" width="25" height="25" alt="Wikimedia Foundation" lang="en" loading="lazy"></picture></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/w/resources/assets/poweredby_mediawiki.svg" width="88" height="31"><img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" lang="en" width="25" height="25" loading="lazy"></picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"> <button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Buscar</span> </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Buscar en Wikipedia"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Especial:Buscar"> </div> <button class="cdx-button cdx-search-input__end-button">Buscar</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <nav aria-label="Contenidos" class="vector-toc-landmark"> <div id="vector-sticky-header-toc" class="vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc vector-button-flush-left" > <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Cambiar a la tabla de contenidos" > <label id="vector-sticky-header-toc-label" for="vector-sticky-header-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Cambiar a la tabla de contenidos</span> </label> <div class="vector-dropdown-content"> <div id="vector-sticky-header-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true" ><span class="mw-page-title-main">CSS</span></div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"><span class="vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-history mw-ui-icon-wikimedia-wikimedia-history"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-star mw-ui-icon-wikimedia-wikimedia-star"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-wikiText mw-ui-icon-wikimedia-wikimedia-wikiText"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-edit mw-ui-icon-wikimedia-wikimedia-edit"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-editLock mw-ui-icon-wikimedia-wikimedia-editLock"></span> <span></span> </a> </div> <div class="vector-sticky-header-buttons"> <button class="cdx-button cdx-button--weight-quiet mw-interlanguage-selector" id="p-lang-btn-sticky-header" tabindex="-1" data-event-name="ui.dropdown-p-lang-btn-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>94 idiomas</span> </button> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbleAdd-progressive mw-ui-icon-wikimedia-speechBubbleAdd-progressive"></span> <span>Añadir tema</span> </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </div> </div> </div> <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom"> <ul> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-fb96cc848-f5446","wgBackendResponseTime":175,"wgPageParseReport":{"limitreport":{"cputime":"0.604","walltime":"0.728","ppvisitednodes":{"value":4650,"limit":1000000},"postexpandincludesize":{"value":80380,"limit":2097152},"templateargumentsize":{"value":2144,"limit":2097152},"expansiondepth":{"value":24,"limit":100},"expensivefunctioncount":{"value":19,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":59026,"limit":5000000},"entityaccesscount":{"value":9,"limit":400},"timingprofile":["100.00% 583.410 1 -total"," 38.79% 226.277 1 Plantilla:Control_de_autoridades"," 29.18% 170.210 1 Plantilla:Listaref"," 20.03% 116.867 1 Plantilla:Ficha_de_formato_de_archivo"," 19.30% 112.601 1 Plantilla:Ficha"," 18.30% 106.767 31 Plantilla:Cita_web"," 11.87% 69.274 14 Plantilla:Propiedad"," 3.62% 21.124 1 Plantilla:Otros_usos"," 3.22% 18.788 1 Plantilla:Texto_de_la_coletilla_del_título"," 1.94% 11.336 3 Plantilla:Cita_libro"]},"scribunto":{"limitreport-timeusage":{"value":"0.346","limit":"10.000"},"limitreport-memusage":{"value":5147685,"limit":52428800}},"cachereport":{"origin":"mw-api-int.eqiad.main-bc8d67974-6xxlq","timestamp":"20250402092209","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"CSS","url":"https:\/\/es.wikipedia.org\/wiki\/CSS","sameAs":"http:\/\/www.wikidata.org\/entity\/Q46441","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q46441","author":{"@type":"Organization","name":"Colaboradores de los proyectos Wikimedia"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2003-02-05T03:26:13Z","dateModified":"2025-02-17T02:09:12Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/ab\/Official_CSS_Logo.svg","headline":"lenguaje declarativo para dar estilos a p\u00e1ginas web"}</script> </body> </html>