Developpez.com - CSS
X

Choisissez d'abord la catégorieensuite la rubrique :


Cours sur les CSS : Sommaire

Date de publication : 19 juin 2011.

Par Christophe F. (Ma page personnelle)
 

Internet est devenu aujourd'hui un outil de communication extrêmement puissant, qui a pris une importance prépondérante dans notre société contemporaine. Selon les statistiques de juin 2010 il y aurait près de 2 milliards (1) d'utilisateurs d'internet dans le monde. Ce succès conduit logiquement à ce que de plus en plus de gens s'intéressent à la réalisation de sites web.

Pour créer un site web il faut s'atteler à l'apprentissage de langages tels que le HTML et le CSS. Les CSS, aussi appelées feuilles de style, sont devenues aujourd'hui, au même titre que le langage HTML, un maillon essentiel à la création de sites web. Elles permettent un large contrôle sur la présentation d'un document web.

Je vous propose une série d'articles qui va vous introduire dans le monde du langage CSS, en suivant différentes étapes vous permettant de vous familiariser petit à petit avec les feuilles de style. Chaque étape vous conduira à progresser dans la difficulté et dans l'approfondissement de l'étude du langage.

Pour enrichir l'exposé théorique, chaque article sera agrémenté de nombreux morceaux de code illustrant mes propos et qui renverront vers des pages d'exemple vous permettant de visualiser leur mise en œuvre pratique et vous donneront accès au code complet utilisé pour faire fonctionner l'exemple.
Vous aurez ainsi à votre disposition pour le moment 14 exemples sur un ensemble de deux articles de cette série.

Cet ensemble d'articles sur CSS est destiné autant au débutant qu'à celui qui connaît déjà un peu le CSS. Le premier y trouvera tout ce qu'il aura besoin de savoir pour bien débuter l'apprentissage. Le second pourra approfondir ses connaissances. Des connaissances du langage HTML sont cependant nécessaires.
 

Viadeo Twitter Facebook Share on Google+   


Introduction aux CSS


A. Qu'est ce que les CSS
B. Les outils nécessaires pour utiliser le CSS
1. Outils d'édition du code
2. Les navigateurs
a. Trident : Internet Explorer
i. Internet Explorer 6
ii. Internet Explorer 7
iii. Internet Explorer 8
iv. Internet Explorer 9
b. Gecko : Firefox, Seamonkey, Camino et Netscape...
c. Presto : Opera
d. KHTML et Webkit : Safari, Google Chrome et Konqueror
i. Konkeror
ii. Safari
iii. Google Chrome
C. La gestion du CSS
D. Avantages qu'apportent les feuilles de style à la création de sites web
1. Réduction de la quantité du code
2. Centralisation de la présentation
3. Adaptation du site en fonction de l'affichage
4. Création de feuilles de style personnalisées
E. Conventions et contenu de ce cours
1. Les exemples
2. Mise en avant des noms d'éléments dans le cours
3. Liste des articles liés

La syntaxe d'une règle CSS


A. Structure d'une règle CSS
1. Sélecteurs
2. Déclarations et blocs de déclarations
B. Présentation du code
C. Regroupement de sélecteurs
D. Commentaires css
E. Propriétés raccourcies
1. Explication de la nomenclature du W3C
2. Application à une propriété : la propriété font
3. Le cas des propriétés s'appliquant aux 4 bords d'une boite
F. Les règles at-rules
1. La règle @import
2. La règle @media
3. La règle @charset
4. La règle @font-face
5. La règle @page

Comment insérer des règles CSS dans un document (X)HTML

A venir








Valid XHTML 1.0 Transitional Valid CSS!

Copyright © 2011 Christophe F.. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Responsable bénévole de la rubrique CSS : Xavier Lecomte -