CSS

  • Raccourci de la révision : CSS
  • Titre de la révision : CSS
  • ID de la révision : 50583
  • Créé :
  • Créateur : Chbok
  • Version actuelle ? Non
  • Commentaire Mise à jour

Contenu de la révision

"Getting Started" box, if there is no "Getting Started" article yet written, should be populated with another feature article or tutorial, should one exist. Otherwise, just comment it out

Premiers pas
Un tutoriel guidé qui vous aidera à débuter avec les feuilles de styles en cascades.

Cascading Style Sheets (CSS) 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.

Articles récents (Voir tout)

{{mediawiki.interwiki('en', 'Using_URL_values_for_the_cursor_property', 'en:Using URL values for the cursor property')}}
{{wiki.template('Added-date', [ "June 9th, 2005" ])}} Gecko 1.8 (Firefox 1.1, SeaMonkey 1.0) supports URL values for the CSS 2/2.1 cursor property. This allows specifying arbitrary images as mouse cursors — any image format supported by Gecko can be used.
{{mediawiki.interwiki('en', 'Common_CSS_Questions', 'en:Common CSS Questions')}}
{{wiki.template('Added-date', [ "June 2, 2005" ])}} Answers (and other pointers) for some of the common CSS questions we see.
{{mediawiki.interwiki('en', 'Issues_Arising_From_Arbitrary-Element_hover', 'Issues Arising From Arbitrary-Element hover')}}
{{wiki.template('Added-date', [ "May 2, 2005" ])}} Many authors make use of the CSS2 pseudo-class :hover to style their links, but advancing CSS support in browsers has caused some unexpectedly aggressive hovering behavior on some pages.
{{mediawiki.interwiki('en', 'Consistent_List_Indentation', 'en:Consistent List Indentation')}}
{{wiki.template('Added-date', [ "April 30, 2005" ])}} Trying to change the indentation of lists with CSS is trickier than it looks, but only because CSS-conformant browsers took different paths to default indentation. Find out how to get them all in line.
{{mediawiki.interwiki('en', 'Understanding_Underlines', 'en:Understanding Underlines')}}
{{wiki.template('Added-date', [ "April 29, 2005" ])}} Understanding the CSS declaration text-decoration: underline; and how it is supposed to work according to the CSS standard can be tricky. Learn how to properly use text-decorations in CSS compliant browsers as well as other not so compliant browsers.
{{mediawiki.interwiki('en', 'Styling_Abbreviations_and_Acronyms', 'en:Styling Abbreviations and Acronyms')}}
{{wiki.template('Added-date', [ "April 29, 2005" ])}} The HTML elements abbr and acronym are useful accessibility aids, but their styling can come as a surprise to authors. See how you can take control of their presentation without sacrificing the benefits these elements provide.
{{mediawiki.interwiki('en', 'Underscores_in_class_and_ID_Names', 'Underscores in class and ID Names')}}
{{wiki.template('Added-date', [ "April 28, 2005" ])}} In the authoring of both CSS and JavaScript/DOM (otherwise known as DHTML) routines, it is a near-certainty that class and id names will be used to identify elements. We have discovered, however, that many authors are running into trouble with class and id names because they're used to the bugs of browsers that don't fully support open standards.
{{mediawiki.interwiki('en', 'Liberty!_Equality!_Validity!', 'en:Liberty! Equality! Validity!')}}
{{wiki.template('Added-date', [ "April 28, 2005" ])}} Document validation is the single most important tool an author has available. Validating not only makes sure your documents are well-formed, but makes them more robust and ready for the future. Get the details on common validation errors and how to fix your documents so you can avoid them.
{{mediawiki.interwiki('en', 'Incorrect_MIME_Type_for_CSS_Files', 'en:Incorrect MIME Type for CSS Files')}}
{{wiki.template('Added-date', [ "April 20, 2005" ])}} You may come across a web page using CSS with poor layout with Netscape 7.x or any Gecko-based browser such as Mozilla, while MSIE displays it nicely. One of the common reasons for this is an improper configuration of the web server hosting the CSS file.
{{mediawiki.interwiki('en', 'Images,_Tables,_and_Mysterious_Gaps', 'en:Images, Tables, and Mysterious Gaps')}}
{{wiki.template('Added-date', [ "April 20, 2005" ])}} Due to the rise of standards-based browsers that lay out pages using HTML and CSS, every design based on a precise layout of small images in table cells have become visual disasters just waiting to happen. See some approaches to dealing with these new issues.

Tous les articles...

Références (Voir tout)

Toutes les références...

Exemples (Voir tout)

Toues les exemples...

Communauté

Outils

Autres ressources (Voir tout)

Toutes les ressources...

Sujets liés

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

Categories

Interwiki Language Links


{{ wiki.languages( { "en": "en/CSS", "de": "de/CSS", "ja": "ja/CSS", "pl": "pl/CSS" } ) }}

Source de la révision

<p><span class="comment">"Getting Started" box, if there is no "Getting Started" article yet written, should be populated with another feature article or tutorial, should one exist.  Otherwise, just comment it out</span>
</p>
<div class="callout-box">
<p><b><a href="fr/CSS/Premiers_pas">Premiers pas</a></b><br>
<small>Un tutoriel guidé qui vous aidera à débuter avec les feuilles de styles en cascades.</small>
</p>
</div>
<p><b>Cascading Style Sheets</b> (<b>CSS</b>) 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>.
</p>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name="Articles_r.C3.A9cents_.28Voir_tout.29"> Articles récents <span class="alllinks">(<a href="fr/CSS/Articles">Voir tout</a>)</span> </h4>
<dl><dt> {{mediawiki.interwiki('en', 'Using_URL_values_for_the_cursor_property', 'en:Using URL values for the cursor property')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "June 9th, 2005" ])}} <a href="fr/Gecko">Gecko</a> 1.8 (Firefox 1.1, SeaMonkey 1.0) supports URL values for the <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">CSS 2/2.1 cursor property</a>. This allows specifying arbitrary images as mouse cursors — any image format supported by Gecko can be used.</small>
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Common_CSS_Questions', 'en:Common CSS Questions')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "June 2, 2005" ])}} Answers (and other pointers) for some of the common CSS questions we see.</small>
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Issues_Arising_From_Arbitrary-Element_hover', 'Issues Arising From Arbitrary-Element hover')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "May 2, 2005" ])}} Many authors make use of the CSS2 pseudo-class <code>:hover</code> to style their links, but advancing CSS support in browsers has caused some unexpectedly aggressive hovering behavior on some pages.</small>
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Consistent_List_Indentation', 'en:Consistent List Indentation')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "April 30, 2005" ])}} Trying to change the indentation of lists with CSS is trickier than it looks, but only because CSS-conformant browsers took different paths to default indentation. Find out how to get them all in line.</small> 
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Understanding_Underlines', 'en:Understanding Underlines')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "April 29, 2005" ])}} Understanding the CSS declaration text-decoration: underline; and how it is supposed to work according to the CSS standard can be tricky. Learn how to properly use text-decorations in CSS compliant browsers as well as other not so compliant browsers.</small> 
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Styling_Abbreviations_and_Acronyms', 'en:Styling Abbreviations and Acronyms')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "April 29, 2005" ])}} The HTML elements abbr and acronym are useful accessibility aids, but their styling can come as a surprise to authors. See how you can take control of their presentation without sacrificing the benefits these elements provide.</small>
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Underscores_in_class_and_ID_Names', 'Underscores in class and ID Names')}}
</dt><dd> <small>{{wiki.template('Added-date', [ "April 28, 2005" ])}} In the authoring of both CSS and JavaScript/DOM (otherwise known as DHTML) routines, it is a near-certainty that class and id names will be used to identify elements. We have discovered, however, that many authors are running into trouble with class and id names because they're used to the bugs of browsers that don't fully support open standards.</small>
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Liberty!_Equality!_Validity!', 'en:Liberty! Equality! Validity!')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "April 28, 2005" ])}} Document validation is the single most important tool an author has available.  Validating not only makes sure your documents are well-formed, but makes them more robust and ready for the future.  Get the details on common validation errors and how to fix your documents so you can avoid them.</small> 
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Incorrect_MIME_Type_for_CSS_Files', 'en:Incorrect MIME Type for CSS Files')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "April 20, 2005" ])}} You may come across a web page using CSS with poor layout with Netscape 7.x or any Gecko-based browser such as Mozilla, while MSIE displays it nicely. One of the common reasons for this is an improper configuration of the web server hosting the CSS file.</small> 
</dd></dl>
<dl><dt> {{mediawiki.interwiki('en', 'Images,_Tables,_and_Mysterious_Gaps', 'en:Images, Tables, and Mysterious Gaps')}}<br>
</dt><dd> <small>{{wiki.template('Added-date', [ "April 20, 2005" ])}} Due to the rise of standards-based browsers that lay out pages using HTML and CSS, every design based on a precise layout of small images in table cells have become visual disasters just waiting to happen.  See some approaches to dealing with these new issues.</small> 
</dd></dl>
<p><span class="alllinks"><a href="fr/CSS/Articles">Tous les articles...</a></span>
</p>
</td>
<td>
<h4 name="R.C3.A9f.C3.A9rences_.28Voir_tout.29"> Références <span class="alllinks">(<a href="fr/CSS/References">Voir tout</a>)</span> </h4>
<ul><li> W3C specs: <a class="external" href="http://www.w3.org/TR/CSS1">CSS1</a>, <a class="external" href="http://www.w3.org/TR/CSS21/">CSS2.1</a> (candidate), CSS3 (<a class="external" href="http://www.w3.org/Style/CSS/current-work">under development</a>)
</li><li> <a class="external" href="http://www.w3schools.com/css/css_reference.asp">W3 Schools CSS2 Reference</a>
</li><li> <a class="external" href="http://www.mozilla.org/docs/web-developer/bugspecs/REC-CSS1.html">Bug-Annotated CSS1 Specification</a>
</li></ul>
<p><span class="alllinks"><a href="fr/CSS/References">Toutes les références...</a></span>
</p>
<h4 name="Exemples_.28Voir_tout.29"> Exemples <span class="alllinks">(<a href="fr/CSS/Exemples">Voir tout</a>)</span> </h4>
<ul><li> <a href="fr/Astuces_utiles_CSS">Astuces utiles CSS</a>
</li></ul>
<p><span class="alllinks"><a href="fr/CSS/Exemples">Toues les exemples...</a></span>
</p>
<h4 name="Communaut.C3.A9"> Communauté </h4>
<ul><li> <a class="external" href="http://mail.mozilla.org/listinfo/mozilla-style">Mailing List</a>, <a class="external" href="news://netscape.public.mozilla.style">Newsgroup</a>
</li><li> <a class="external" href="irc://irc.mozilla.org/css">Canal IRC</a>
</li><li> <a class="external" href="http://www.css-discuss.org/">CSS Discuss Site/List</a>
</li></ul>
<h4 name="Outils"> Outils </h4>
<ul><li> <a class="external" href="http://jigsaw.w3.org/css-validator/">Validateur CSS</a>
</li><li> <a class="external" href="https://addons.mozilla.org/extensions/moreinfo.php?id=165">Checky</a> (Extension Firefox)
</li><li> <a class="external" href="https://addons.mozilla.org/extensions/moreinfo.php?id=179">EditCSS</a> (Extension Firefox)
</li><li> <a class="external" href="https://addons.mozilla.org/extensions/moreinfo.php?id=60">Web Developer</a> (Extension Firefox)
</li></ul>
<h4 name="Autres_ressources_.28Voir_tout.29"> Autres ressources <span class="alllinks">(<a href="fr/CSS/Autres_ressources">Voir tout</a>)</span> </h4>
<ul><li> <a class="external" href="http://www.w3schools.com/css/">W3 Schools CSS tutorial pages</a>
</li><li> <a class="external" href="http://gallery.theopalgroup.com/selectoracle/">SelectORacle</a>
</li><li> <a class="external" href="http://www.westciv.com/style_master/house/">House of Style</a>
</li><li> <a class="external" href="http://www.mako4css.com/">MaKo4CSS.com</a>
</li><li> <a class="external" href="http://www.meyerweb.com/eric/css/edge/">css/edge</a>
</li><li> Découvrez la puissance des CSS : <a class="external" href="http://www.csszengarden.com/">css Zen Garden</a>
</li><li> Le fameux test d'implémentation CSS2.1 des navigateurs : <a class="external" href="http://webstandards.org/act/acid2/test.html#top">Acid2</a>
</li></ul>
<p><span class="alllinks"><a href="fr/CSS/Autres_ressources">Toutes les ressources...</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( { "en": "en/CSS", "de": "de/CSS", "ja": "ja/CSS", "pl": "pl/CSS" } ) }}
Revenir à cette révision