css facile

Les CSS faciles ?

Découvrez la puissance des CSS et progressez en douceur grace à nos cours illustrés et détaillés.

Les CSS facilitent considérablement la maintenance des sites Web, mais la création de sites à l'aide de cette technique peut sembler a priori un peu complexe.

Ce site tente d'aborder cette technique avec méthode et douceur. Nous essayerons de vous prendre par la main pour vous rendre cette découverte agréable et faciliter le design de votre site au maximum.

Les autres sites parlant des CSS

Ces liens pointent vers des pages dont les contenus complètent nos articles.

Les standards du Web
Ce tout nouveau wiki dresse un tableau des différentes normes qui régissent aujourd'hui le Web

Contourner les défauts/limitations/bugs du navigateur web Internet Explorer 6
Voilà une trés belle compilation de références pour entrer dans le Web 2.0 sans (trop) trainer le boulet que représente Internet Explorer 6.

CSS tests and experiments
Une formidable collection de tests et d'illustrations de ce que les CSS permettent de faire
(en anglais)

Comprendre les CSS
Un article de mediabox

CSS properties
une liste de W3schools
en anglais.

ZoneCSS
Un bon site trés complet sur les CSS

WebDesignFromScratch
Cet excellent site anglophone a inspiré plusieurs des pages de notre site

Jardin Zen CSS
Site de démonstration de la souplesse des CSS. Le menu de droite permet d'appliquer des styles differents au contenu proposé en introduction.

AlsaCréations
Le forum le plus sérieux sur les CSS.

 

A propos du design :

Qui dit CSS, dit design de sites Web. On ne saurait concevoir un site à base de CSS sans prendre en compte les questions de l'accessibilité et de l'esthétique. Voici deux liens concernant ces questions générales :

Design de site, accessibilité et gestion des couleurs

Création de sites et référencement

 

Plan du site

premiers pasIntroduction aux CSS

CSS ( Cascading Style Sheets ) : Une feuille de style CSS est un langage informatique ( langage CSS ) qui décrit la présentation des documents HTML, XHTML et XML. Les standards définissant le code CSS sont publiés par le World Wide Web Consortium (W3C). L'utilisation du CSS est indispensable pour le developpement web ( front end ) afin de rendre le site esthétique et responsive design. Dernière version CSS : CSS3

Premiers pas : cette page aborde la philosophie générale des CSS. Elle vous propose de créer vos premières feuilles de styles et explique comment appliquer des styles CSS aux éléments du langage html d'une page Web.

Héritages et cascades : avec cette page sur les héritages, vous allez devenir riche... de connaissances sur la façon dont les éléments HTML se transmettent leurs styles.

Éléments"blocs" et "en-ligne" : tous les styles ne s'appliquent forcément à tous les éléments HTML. Apprenez à reconnaître les deux grandes familles d'éléments ( display bloc et en-ligne). Vous constaterez que même dans ce domaine il y a des travestis !

Mise-en-page avec les CSS : cette page aborde le thème le plus complexe concernant les CSS : comment réaliser la totalité de la mise en page ( conteneur, div, margin, padding, bordure, width, line height, shadow, position absolute, z-index, etc. ) avec des styles et comment se passer définitivement des tableaux pour le design de votre site web.

probleme cssProblèmes et solutions

Faire des tableaux en CSS : il s'agit d'un exercice de style expliquant comment obtenir une présentation tabulaire sans utiliser les balises html <table>.

Pseudo-frames en CSS : les "frames" traditionnels comportent de nombreux problèmes et rendent les sites difficiles à référencer. Voici comment obtenir un menu fixe tout en se débarrassant de ces inconvénients.

Menu déroulants en CSS : voici comment réaliser un menu déroulant entièrement en CSS fonctionnant sans javascript sur les navigateurs modernes et avec javascript sur IE6.

Styles alternatifs : apprenez comment profiter des avancées du Web 2.0 tout en préservant la compatibilité de votre site avec les anciens navigateurs.

10 trucs à savoir : recueil d'astuces répondant aux besoins les plus courants des utilisateurs de CSS. Cette page comporte également des liens vers d'autres compilations d'astuces.

liste propriété cssToutes les propriétés CSS

130 pages sur les propriétés des normes CSS 1 et CSS 2 ainsi que sur les propriétés CSS 3 déjà intégrées dans les navigateurs actuels.
Exemples : background image, color ( rgba ou color html ), transform, positionnement, padding, margin, div, bordure, syntaxe, border box.
Ces propriétés sont complémentaires aux cours css ( design web ) que peut recevoir un dévéloppeur web pour la mise en page et le design d'une page html.

point de vue cssRéflexions et prises de tête

Les fausses promesses des CSS : halte à la propagande : concevoir un design de site Web entièrement en CSS (et sans tableaux !) n'est pas un parcours facile et ne satisfait pas forcément tous les espoirs.

Tableaux contre CSS : un combat truqué. La mauvaise foi est souvent de mise lorsqu'il s'agit de comparer les avantages des CSS et ceux des tableaux. Cette page expose notre point de vue sur cette question.

Les ayatollah des CSS : les intégristes sont partout, y compris sur le Web. Si vous n'avez pas encore brulé des statuettes et organisé des danses vaudou pour conjurer l'utilisation des tableaux, cette page est peut-être votre dernière chance.



This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional- Vérifier l'orthographe avec RankSpirit et "BonPatron"
Dans cette page :
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copieAccueil Imprimer
Aller au menu