blob: 1b7bd31838d51dc4f1f4e36008358f9600cead20 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
---
title: CSS
slug: Glossaire/CSS
tags:
- CSS
- Encodage
- Glossaire
- Web
- 'l10n:priority'
translation_of: Glossary/CSS
---
<p><strong>CSS</strong> (<em>Cascading Style Sheets </em>ou<em> Feuilles de style en cascade</em> en français) est un langage déclaratif utilisé pour décrire la présentation de pages web dans le {{glossary("Browser","navigateur")}}. Le navigateur applique les déclarations de style CSS aux éléments concernés pour les mettre en forme. Une déclaration de style contient des propriétés et leurs valeurs et détermine l'apparence d'un ou plusieurs éléments de la page.</p>
<p>CSS est l'une des trois technologies qui constituent le noyau du web, avec {{Glossary("HTML")}} et {{Glossary("JavaScript")}}. Ce langage est principalement utilisé pour appliquer un style aux {{Glossary("Element","éléments HTML")}}, mais peut aussi être utilisé avec d'autres langages de balisage tels que {{Glossary("SVG")}} ou encore {{Glossary("XML")}}.</p>
<p>Une règle CSS est un ensemble de {{Glossary("CSS Property","propriétés")}} associé à un {{Glossary("CSS selector" ,"sélecteur")}}. Voici un exemple dans lequel chaque paragraphe HTML apparaîtra en jaune sur fond noir :</p>
<pre class="brush: css">/* Le sélecteur "p" indique que tous les paragraphes dans le document seront affectés par la règle */
p {
/* La propriété "color" (couleur) définit la couleur du texte. */
/* Ici, cette couleur sera le jaune (yellow en anglais) */
color: yellow;
/* La propriété "background-color" (couleur d'arrière-plan) définit la couleur d'arrière-plan */
/* Ici, cette couleur sera le noir (black) */
background-color: black;
}</pre>
<p>Le principe de « cascade » fait référence aux règles de préséance dans l'application des divers {{Glossary("CSS Selector","sélecteurs")}} pointant le même élément de la page. C'est une fonctionnalité particulièrement importante dans la mesure où un site web complexe peut contenir des milliers de règles CSS.</p>
<h2 id="Pour_approfondir">Pour approfondir</h2>
<h3 id="Culture_générale">Culture générale</h3>
<ul>
<li><a href="https://developer.mozilla.org/fr/Apprendre/CSS">Apprendre CSS</a></li>
<li>{{interwiki("wikipedia","Feuilles_de_style_en_cascade", "Feuilles de style en cascade")}} sur Wikipédia</li>
</ul>
<h3 id="Références_techniques">Références techniques</h3>
<ul>
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS">Documentation CSS sur MDN</a></li>
<li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">Les travaux en cours du Groupe de travail CSS</a> (en)</li>
</ul>
<h3 id="En_apprendre_plus_sur_CSS"><span class="st">En apprendre plus sur</span> CSS</h3>
<ul>
<li><a href="http://www.codecademy.com/fr/tracks/web" rel="external">Cours en ligne sur codecademy.com</a></li>
</ul>
|
