Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1061366 of CSS

  • Raccourci de la révision : Web/CSS
  • Titre de la révision : CSS
  • ID de la révision : 1061366
  • Créé :
  • Créateur : Daniel005
  • Version actuelle ? Non
  • Commentaire
Étiquettes : 

Contenu de la révision

Cascading Style Sheets (CSS) est un langage de feuille de style utilisé afin de décrire la présentation d'un document écrit en HTML ou en XML (on inclut ici les langages basés sur XML comme SVG ou XHTML). CSS décrit la façon dont les éléments doivent être affichés, à l'écran, sur du papier ou sur autre support.

CSS est l'un des langages principaux du Web et a été standardisé par le W3C. Ce standard évolue sous forme de niveaux (levels), CSS1 est désormais considéré comme obsolète, CSS2.1 correspond à la recommandation et CSS3, qui est découpé en modules plus petits est en voie de standardisation.

  • La référence CSS

    Une référence exhaustive destinée aux développeurs web expérimenté et qui décrit chaque propriété et concept de CSS.

  • Le tutoriel CSS

    Une introduction pas à pas pour permettre aux débutants de démarrer. Ce tutoriel explore et explique les différents concepts clés de CSS.

Documentation et tutoriels

Les concepts majeurs de CSS
Plusieurs articles de cette section présentent les aspects clés du langage. On y décrit notamment la syntaxe et les formes du langage, les fondamentaux tels que la spécificité et l'héritage, le modèle de boîtes, la fusion des marges, l'empilement, les contextes de formatage des blocs, ou encore les concepts de valeur initiale, valeur calculée, valeur utilisée et valeur réelle. Les entités telles que les propriétés raccourcies sont également définies.
Le guide CSS pour les développeurs
Vous trouverez un ensemble d'articles allant de la mise en forme du HTML aux techniques CSS plus avancées utilisé pour présenter un contenu élégamment.
Quelques questions fréquemment posées sur CSS
Les réponses aux questions souvent posées à propos de CSS.

Des outils de développement pour CSS

Voir aussi

{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|CSS topics|Stack Overflow est un site de questions et réponses communautaire.||CSS-Discuss|https://www.css-discuss.org/|Liste de diffusion CSS-Discuss|La liste de diffusion css-discuss est dédiée aux échanges sur l'utilisation de CSS dans des cas pratiques et réalistes.")}}

Source de la révision

 
<p><span class="seoSummary"><strong>Cascading Style Sheets</strong> (<strong>CSS</strong>) est un langage de feuille de style utilisé afin de décrire la présentation d'un document écrit en <a href="/fr/docs/Web/HTML" title="HyperText Markup Language">HTML</a></span> ou en <a href="/fr/docs/Glossaire/XML">XML</a> (on inclut ici les langages basés sur XML comme <a href="/fr/docs/Web/SVG">SVG</a> ou <a href="/fr/docs/XHTML">XHTML</a>). CSS décrit la façon dont les éléments doivent être affichés, à l'écran, sur du papier ou sur autre support.</p>

<p>CSS est l'un des langages principaux du Web et a été standardisé <a class="external" href="https://w3.org/Style/CSS/#specs">par le W3C</a>. Ce standard évolue sous forme de niveaux (<em>levels</em>), CSS1 est désormais considéré comme obsolète, CSS2.1 correspond à la recommandation et <a href="/fr/docs/Web/CSS/CSS3">CSS3</a>, qui est découpé en modules plus petits est en voie de standardisation.</p>

<section id="sect1">
<ul class="card-grid">
 <li><span>La référence CSS</span>

  <p><a href="/fr/docs/Web/CSS/Reference">Une référence exhaustive</a> destinée aux développeurs web expérimenté et qui décrit chaque propriété et concept de CSS.</p>
 </li>
 <li><span>Le tutoriel CSS</span>
  <p><a href="/fr/Apprendre/CSS">Une introduction pas à pas</a> pour permettre aux débutants de démarrer. Ce tutoriel explore et explique les différents concepts clés de CSS.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation_et_tutoriels">Documentation et tutoriels</h2>

<dl>
 <dt>Les concepts majeurs de CSS</dt>
 <dd>Plusieurs articles de cette section présentent les aspects clés du langage. On y décrit notamment <a href="/fr/docs/Web/CSS/Syntaxe">la syntaxe et les formes du langage</a>, les fondamentaux tels que <a href="/fr/docs/Web/CSS/Spécificité">la spécificité</a> et <a href="/fr/docs/Web/CSS/Héritage">l'héritage</a>, <a href="/fr/Apprendre/CSS/Les_bases/Le_modèle_de_boîte">le modèle de boîtes</a>, <a href="/fr/docs/Web/CSS/Fusion_des_marges">la fusion des marges</a>, <a href="/fr/docs/Web/CSS/Comprendre_z-index/L'empilement_de_couches">l'empilement</a>, <a href="/fr/docs/Web/CSS/Block_formatting_context">les contextes de formatage des blocs</a>, ou encore les concepts de <a href="/fr/docs/Web/CSS/Valeur_initiale">valeur initiale</a>, <a href="/fr/docs/Web/CSS/Valeur_calculée">valeur calculée</a>, <a href="/fr/docs/Web/CSS/Valeur_utilisée">valeur utilisée</a> et <a href="/fr/docs/Web/CSS/valeur_reelle">valeur réelle</a>. Les entités telles que <a href="/fr/docs/Web/CSS/Propriétés_raccourcies">les propriétés raccourcies</a> sont également définies.</dd>
 <dt><a href="/fr/docs/Web/Guide/CSS">Le guide CSS pour les développeurs</a></dt>
 <dd>Vous trouverez un ensemble d'articles&nbsp;allant de&nbsp;la mise en forme du HTML aux techniques CSS plus avancées&nbsp;utilisé pour&nbsp;présenter un contenu élégamment.</dd>
 <dt><a href="/fr/docs/Web/CSS/CSS_questions_frequentes">Quelques questions fréquemment posées sur CSS</a></dt>
 <dd>Les réponses aux questions souvent posées à propos de CSS.</dd>
</dl>
</div>

<div class="section">
<h2 class="Tools" id="Des_outils_de_développement_pour_CSS">Des outils de développement pour CSS</h2>

<ul>
 <li><a href="https://jigsaw.w3.org/css-validator/">Le service de validation CSS du W3C</a> permet de vérifier si une feuille de style CSS est valide.</li>
 <li><a href="/fr/docs/Outils">Les outils de développement Firefox</a> permettent de visualiser, d'éditer une feuille de style en direct grâce à <a href="/fr/docs/Outils/Inspecteur">l'inspecteur</a> et à <a href="/fr/docs/Outils/Éditeur_de_style">l'éditeur de styles</a>.</li>
 <li><a href="https://addons.mozilla.org/en-US/firefox/addon/firebug/">L'extension Firebug</a> pour Firefox est une extension populaire qui d'éditer le code CSS des sites visités à la volée. Cette extension est très pratique dans le cadre du développement Web.</li>
 <li><a href="/fr/docs/Web/CSS/Tools">D'autres outils</a>, <a href="https://www.cssdebutant.com/">guide pour les débutants</a>.</li>
</ul>
</div>
</div>
</section>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li><a href="/fr/Apprendre/CSS">La partie CSS de la section Apprendre le Web</a></li>
 <li>Les langages web sur lesquels CSS est souvent utilisé : <a href="/fr/docs/Web/HTML">HTML</a>, <a href="/fr/docs/Web/SVG">SVG</a>, <a href="/fr/docs/XHTML">XHTML</a> et <a href="/fr/docs/Glossaire/XML">XML</a>.</li>
 <li>Des technologies Mozilla qui emploient CSS : <a href="/en-US/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/en-US/Firefox">Firefox</a>, <a href="/fr/docs/Mozilla/Add-ons/Thèmes">les thèmes</a> et <a href="/fr/docs/Mozilla/Thunderbird">extensions Thunderbird</a>.</li>
</ul>

<p>{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|CSS topics|Stack Overflow est un site de questions et réponses communautaire.||CSS-Discuss|https://www.css-discuss.org/|Liste de diffusion CSS-Discuss|La liste de diffusion css-discuss est dédiée aux échanges sur l'utilisation de CSS dans des cas pratiques et réalistes.")}}</p>
Revenir à cette révision