---
title: CSS
slug: Web/CSS
tags:
  - CSS
  - Design
  - Landing
  - Layout
  - Reference
  - 'l10n:priority'
translation_of: Web/CSS
---
<p><strong>Fulles d'estil en cascada (CSS)</strong> són un llenguatge de <a href="https://developer.mozilla.org/en-US/docs/DOM/stylesheet">full d'estil (stylsheet)</a> utilitzat per descriure la presentació d'un document escrit en <span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/HTML" title="HyperText Markup Language">HTML</a></span> o <a href="https://developer.mozilla.org/en-US/docs/XML">XML</a> (incloent dialectes de XML com <a href="https://developer.mozilla.org/en-US/docs/SVG">SVG</a> o <a href="https://developer.mozilla.org/en-US/docs/XHTML">XHTML</a>). CSS descriu com els elements han de ser presentats a la pantalla, en paper, en la parla, o en altres mitjans de comunicació.</p>

<p>CSS és un dels idiomes principals de la <em>web oberta</em> i té una <a class="external" href="http://w3.org/Style/CSS/#specs">especificació en W3C </a>estandarditzada. Desenvolupat en nivells, CSS1 ja està obsoleta, CSS2.1 és una recomanació i <a href="/en-US/docs/CSS/CSS3" title="CSS3">CSS3</a>, ara dividit en mòduls més petits, està progressant en el camí de la normalització.</p>

<section id="sect1">
<ul class="card-grid">
 <li><span>CSS Referència</span>

  <p>Una <a href="/en-US/docs/Web/CSS/Reference">referència exhaustiva</a> per als desenvolupadors web experimentats que descriu totes les propietats i conceptes de CSS..</p>
 </li>
 <li><span>CSS Tutorial</span>
  <p>Una ajuda completa per <a href="/en-US/docs/CSS/Getting_Started" title="Getting Started">introduir pas a pas</a> els principiants a començar. Presenta tots els fonaments necessaris.</p>
 </li>
 <li><span>CSS3 Demos</span>
  <p>Una <a href="/en-US/demos/tag/tech:css3">col.lecció de demos </a>que mostren les últimes tecnologies CSS en acció: un impuls per a la creativitat.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentació_i_tutorials">Documentació i tutorials</h2>

<dl>
 <dt>CSS conceptes calu</dt>
 <dd>Descriu la <a href="/en-US/docs/CSS/Syntax">sintaxi i les formes del llenguatge</a> i introdueix els fonaments com <a href="/en-US/docs/CSS/Specificity">specificity</a> i <a href="/en-US/docs/CSS/inheritance">inheritance</a>, la <a href="/en-US/docs/CSS/box_model">box model</a> i <a href="/en-US/docs/CSS/margin_collapsing">margin collapsing</a>, <a href="/en-US/docs/CSS/Understanding_z-index/The_stacking_context" title="The stacking context">stacking</a> i contextos de <a href="/en-US/docs/CSS/block_formatting_context" title="block formatting context">block-formatting</a> , o la <a href="/en-US/docs/CSS/initial_value">initial</a>, <a href="/en-US/docs/CSS/computed_value">computed</a>, <a href="/en-US/docs/CSS/used_value">used</a> i els valors <a href="/en-US/docs/CSS/actual_value">reals</a>. Les entitats com <a href="/en-US/docs/CSS/Shorthand_properties">CSS shorthand properties</a> també es defineixen.</dd>
 <dt><a href="/en-US/docs/Web/Guide/CSS">CSS guia per a desenvolupadors</a></dt>
 <dd>Articles per ajudar a aprendre de tot, des dels conceptes bàsics per donar estil a HTML a diverses tècniques CSS per fer brillar el seu contingut.</dd>
 <dt><a href="/en-US/docs/Web/CSS/Common_CSS_Questions">CSS preguntes comuns</a></dt>
 <dd><span id="result_box" lang="ca"><span>Les</span> <span>respostes</span> <span>a preguntes</span> <span>comuns</span> <span>sobre</span> <span>CSS.</span></span></dd>
</dl>
</div>

<div class="section">
<h2 class="Tools" id="Eines_per_al_desenvolupament_de_CSS"><span class="short_text" id="result_box" lang="ca"><span>Eines</span> <span>per al</span> <span>desenvolupament</span> <span>de CSS</span></span></h2>

<ul>
 <li>El <a class="external" href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> ccomprovar si el CSS es vàlid. El servei en <a href="http://www.onlinewebcheck.com/">OnlineWebCheck.com</a> també fa el mateix. Aquestes són eines de depuració de valor incalculable.</li>
 <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a> permet la visualització i edició de CSS en directe d'una pàgina a través de les eines <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a> i <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a>.</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a> per Firefox, una extensió popular d'aquest navegador que permet editar el codi CSS en viu en llocs vigilats. Molt pràctic per provar alguns canvis, tot i que aquesta extensió fa molt més</li>
 <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a> per Firefox també permet veure i editar el codi CSS en viu en llocs vigilats. Més simple que Firebug, encara que menys potent.</li>
 <li><a href="/en-US/docs/Web/CSS/Tools">Eines CSS diverses.</a></li>
</ul>
</div>
</div>
</section>

<h2 id="Veure">Veure</h2>

<ul>
 <li>Mozilla's <a href="/en-US/Learn/CSS">Learning CSS section</a></li>
 <li>Els llenguatges web CSS s'aplica sovint a: <a href="/en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/SVG">SVG</a>, <a href="/en-US/docs/XHTML">XHTML</a> i <a href="/en-US/docs/XML">XML</a>.</li>
 <li>Les tecnologies de Mozilla fan un ampli ús de CSS: <a href="/en-US/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/en-US/Firefox">Firefox</a> i <a href="/en-US/docs/Mozilla/Thunderbird">Thunderbird</a> <a href="/en-US/docs/Extensions">extensions</a> i <a href="/en-US/Add-ons/Themes">themes</a>.</li>
</ul>