A propos des CSS

- Définition des CSS
- Pourquoi utiliser les CSS
- Comment ça marche?

Définition des CSS

Le langage CSS(Cascading Style Sheets) est utilisé pour définir l’aspect futur de votre site, comme par exemple la couleur du fond de la page ou le type de police. L'intérêt consiste à séparer la structure d'un document (pages HTML) de ses styles de présentation (couleurs, types, tailles, etc...)

Plus concrètement, le CSS (ou feuille de style) est un petit fichier (appelé par exemple « style.css ») que tu appelles dans ton code HTML, dans lequel tu vas définir l’aspect futur de ton site.

Pourquoi utiliser les CSS?

Adopter les CSS présente de multiples avantages:

La structure et la présentation sont gérées séparément: l'un des objectifs majeurs des CSS est de permettre la stylisation hors des documents. Il est par exemple possible de ne décrire que la structure d'un document en HTML, et de décrire toute la présentation dans une feuille de style CSS séparée.
La conception d'un document se fait dans un premier temps sans se soucier de la présentation, ce qui permet d'être plus efficace.
Le code HTML est réduit en taille et en complexité
Les styles sont appliqués au dernier moment, dans le navigateur Web des visiteurs qui consultent le document. Cette séparation fournit un certain nombre de bénéfices, permettant d'améliorer l'accessibilité, de changer plus facilement de structure et de présentation, et de réduire la complexité de l'architecture d'un document.

Comment ça marche?

Le CSS est là pour séparer le contenu (HTML) d'un document de son apparence de présentation (CSS).

Où peut se trouver le code CSS ?

Votre code CSS peut être placé à 3 positions différentes dans la page.

Internal: Dans la page HTML
External: Dans un fichier indépendant
Dans l'élément HTML lui-même

Dans le code HTML de la page

Premier choix: mettre le code dans la page HTML, entre les deux balises <header> et </header>.

<head> <title><title> <style type="text/css"> Ici le code CSS </style> </head> <body>

Dans un fichier indépendant

Deuxième choix : dans un fichier indépendant type style.css
Le fichier CSS doit aussi être inclut entre les deux balises HTML : <header>(voir exemple)</header>.

<head> <title><title> <link rel="stylesheet" type="text/css" href="style.css"  /> </head> <body>

Dans la balise HTML

Enfin, il possible de mettre un style directement dans la balise HTML

<body bgcolor="#CCCCCC">

Pour apprendre les syntaxes des CSS et comprendre comment coder en CSS

Nous vous conseillons de poursuivre avec cet excellent site qui vous montre étape par étape comment se familiariser avec les CSS.
Autre site que nous vous conseillons, une fois davantage à l'aise avec les CSS: Openweb.

Ce présent site de Telomiova utilise les CSS pour son design.

Le CSS est un petit fichier qui permet de séparer la structure d'un document (pages HTML) de ses styles de présentation (couleurs, types, tailles, etc...). Il offre l'avantage de:
- mieux concevoir un site en se focalisant tout d'abord sur sa structure avant sa forme,
- de réduire la taille et la complexité du code HTML.
La présentation d'un site moderne devrait se faire uniquement avec des CSS et non plus des tableaux imbriqués ou encore un assemblage d'images, techniques aujourd'hui dépassées et non reconnues par les standards du web.

< Prev		Next >