CSS

  • Raccourci de la révision : CSS
  • Titre de la révision : CSS
  • ID de la révision : 50590
  • Créé :
  • Créateur : Mgjbot
  • Version actuelle ? Non
  • Commentaire robot Ajoute: [[zh-cn:CSS]]

Contenu de la révision

Premiers pas
Un tutoriel guidé qui vous aidera à débuter avec les feuilles de styles en cascades.
Cascading Style Sheets (CSS), littéralement feuilles de style en cascade, est un langage de feuilles de style utilisé pour décrire la présentation d'un document écrit en HTML ou XML (incluant divers langages XML comme XHTML ou SVG). Dans les produits basés sur XUL comme la suite Mozilla, Firefox ou Thunderbird il est aussi utilisé pour styler l'interface utilisateur de l'application. Par exemple, les thèmes utilisent intensivement les CSS pour personnaliser l'apparence de l'application. CSS est une spécification du W3C.

Documentation

Utilisation d'URL pour la propriété cursor
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) accepte les valeurs URL pour propriété CSS2 cursor. Celle-ci permet de définir des images arbitraires pour des pointeurs de la souris ; tous les formats d'images supportés par Gecko sont permis (à traduire de {{mediawiki.interwiki('en', 'Using_URL_values_for_the_cursor_property', 'Using URL values for the cursor property')}}).
Colonnes CSS3
Un tutoriel court sur l'utilisation des colonnes CSS3.
Problèmes soulevés par le pseudo élément hover
Beaucoup d'auteurs utilisent la pseudo-class CSS2 :hover pour styler leurs liens, mais les progrès du support CSS dans certains navigateurs provoquent des effets de survol agressifs inattendus sur certaines pages (à traduire de {{mediawiki.interwiki('en', 'Issues_Arising_From_Arbitrary-Element_hover', 'Issues Arising From Arbitrary-Element hover')}}).
Indentation homogène des listes
Tenter de modifier l'indentation des listes via CSS est plus délicat qu'on le croit, mais uniquement car cette indentation est gérée de manières différentes par les navigateurs conformes. Voici comment les remettre tous au pas.

Tous les articles…

Communauté

  • Voir les forums de Mozilla…

{{template.ListeDeDiscussion("dev-tech-css", "mozilla.dev.tech.css")}}

Outils

Tous les outils…

Sujets liés

Extensions, HTML, Thèmes, XHTML, XML, XUL

Categories

Interwiki Language Links


{{ wiki.languages( { "de": "de/CSS", "en": "en/CSS", "es": "es/CSS", "it": "it/CSS", "ja": "ja/CSS", "ko": "ko/CSS", "nl": "nl/CSS", "pl": "pl/CSS", "pt": "pt/CSS", "zh-cn": "cn/CSS" } ) }}

Source de la révision

<p>
</p>
<div class="callout-box"><b><a href="fr/CSS/Premiers_pas">Premiers pas</a></b><br>
Un tutoriel guidé qui vous aidera à débuter avec les feuilles de styles en cascades.</div>
<div><b>Cascading Style Sheets</b> (<b>CSS</b>), littéralement <i>feuilles de style en cascade</i>, est un langage de feuilles de style utilisé pour décrire la présentation d'un document écrit en <a href="fr/HTML">HTML</a> ou <a href="fr/XML">XML</a> (incluant divers langages XML comme XHTML ou <a href="fr/SVG">SVG</a>). Dans les produits basés sur <a href="fr/XUL">XUL</a> comme la suite Mozilla, Firefox ou Thunderbird il est aussi utilisé pour styler l'interface utilisateur de l'application.
Par exemple, les <a href="fr/Th%c3%a8mes">thèmes</a> utilisent intensivement les CSS pour personnaliser l'apparence de l'application. CSS est une <a class="external" href="http://w3.org/Style/CSS/#specs">spécification du W3C</a>.</div>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name="Documentation"> <a href="Special:Tags?tag=CSS&amp;language=fr">Documentation</a> </h4>
<dl><dt> <a href="fr/Utilisation_d'URL_pour_la_propri%c3%a9t%c3%a9_cursor">Utilisation d'URL pour la propriété cursor</a>
</dt><dd> <small><a href="fr/Gecko">Gecko</a> 1.8 (Firefox 1.5, SeaMonkey 1.0) accepte les valeurs URL pour <a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/ui.html#propdef-cursor|la">propriété CSS2 cursor</a>. Celle-ci permet de définir des images arbitraires pour des pointeurs de la souris ; tous les formats d'images supportés par Gecko sont permis (à traduire de {{mediawiki.interwiki('en', 'Using_URL_values_for_the_cursor_property', 'Using URL values for the cursor property')}}).</small>
</dd></dl>
<dl><dt> <a href="fr/Colonnes_CSS3">Colonnes CSS3</a>
</dt><dd> <small>Un tutoriel court sur l'utilisation des colonnes CSS3.</small>
</dd></dl>
<dl><dt> <a href="fr/Probl%c3%a8mes_soulev%c3%a9s_par_le_pseudo_%c3%a9l%c3%a9ment_hover">Problèmes soulevés par le pseudo élément <code>hover</code></a>
</dt><dd> <small>Beaucoup d'auteurs utilisent la pseudo-class CSS2 <code>:hover</code> pour styler leurs liens, mais les progrès du support CSS dans certains navigateurs provoquent des effets de survol agressifs inattendus sur certaines pages (à traduire de {{mediawiki.interwiki('en', 'Issues_Arising_From_Arbitrary-Element_hover', 'Issues Arising From Arbitrary-Element hover')}}).</small>
</dd></dl>
<dl><dt> <a href="fr/Indentation_homog%c3%a8ne_des_listes">Indentation homogène des listes</a><br>
</dt><dd> <small>Tenter de modifier l'indentation des listes via CSS est plus délicat qu'on le croit, mais uniquement car cette indentation est gérée de manières différentes par les navigateurs conformes. Voici comment les remettre tous au pas.</small> 
</dd></dl>
<p><span class="alllinks"><a href="Special:Tags?tag=CSS&amp;language=fr">Tous les articles…</a></span>
</p>
</td>
<td>
<h4 name="Communaut.C3.A9"> Communauté </h4>
<ul><li> Voir les forums de Mozilla…
</li></ul>
<p>{{template.ListeDeDiscussion("dev-tech-css", "mozilla.dev.tech.css")}}
</p>
<ul><li> <a class="external" href="irc://irc.mozilla.org/css">Canal IRC #css (en anglais)</a>
</li><li> <a class="external" href="http://pompage.net/">Site et liste de discussion sur CSS</a>
</li></ul>
<h4 name="Outils"> Outils </h4>
<ul><li> <a class="external" href="https://addons.mozilla.org/extensions/moreinfo.php?category=Developer%20Tools&amp;id=60">Extension Web Developer pour Firefox</a>
</li><li> <a class="external" href="http://jigsaw.w3.org/css-validator/">Service de validation CSS du W3C</a>
</li><li> <a class="external" href="https://addons.mozilla.org/extensions/moreinfo.php?id=179">Extension EditCSS pour Firefox</a>
</li></ul>
<p><span class="alllinks"><a href="Special:Tags?tag=CSS:Outils&amp;language=fr">Tous les outils…</a></span>
</p>
<h4 name="Sujets_li.C3.A9s"> Sujets liés </h4>
<dl><dd> <a href="fr/Extensions">Extensions</a>, <a href="fr/HTML">HTML</a>, <a href="fr/Th%c3%a8mes">Thèmes</a>, <a href="fr/XHTML">XHTML</a>, <a href="fr/XML">XML</a>, <a href="fr/XUL">XUL</a>
</dd></dl>
</td>
</tr>
</tbody></table>
<p><span class="comment">Categories</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p>{{ wiki.languages( { "de": "de/CSS", "en": "en/CSS", "es": "es/CSS", "it": "it/CSS", "ja": "ja/CSS", "ko": "ko/CSS", "nl": "nl/CSS", "pl": "pl/CSS", "pt": "pt/CSS", "zh-cn": "cn/CSS" } ) }}
Revenir à cette révision