Portfolio

Le guide du Cascading

HTML ou XML

Le guide du Cascading
Style Sheets (CSS)

Langage du Web

Standardisé par le W3C

Le langage Web évolue par level. Le CSS 1 est obsolète et le CSS 2.1 est le niveau recommandé. Quant aux CSS 3, il est en voie de standardisation.

Le CSS 3 se découpe en petits modules. L’objectif des feuilles de style en cascade consiste à mettre en forme une page web.

CSS pour débutant

Pourquoi utiliser les feuilles de style CSS ?

L’ajout d’une feuille de style d’un document de démonstration se fait grâce à l’utilisation du CSS. Le principe de ces feuilles de style consiste à conserver la formation dans un document séparé des détails de la présentation.

Cette séparation évite les duplications, facilite la maintenance et permet de se servir du même contenu en appliquant différents styles dans différents usages. L’utilité de ce langage de balisage consiste à décrire les informations du document et non le style.

Spécifications du style et non du contenu
Rendre un texte en gras
Déterminer la couleur de fond d’une page

Bases du CSS

Le CSS, un langage de feuille de style !

Balises HTML de base

Balises HTML de base

Pour maîtriser le langage CSS, il faut comprendre le HTML. Ce dernier est un langage simple fait de balises.

Feuille de style de base

Feuille de style de base

Une feuille de style de base permet de corriger les différences de style par défaut et fournit un canevas incluant des sélecteurs CSS.

Bordures CSS

Bordures CSS

L’utilisation de la fonctionnalité bordure en CSS fonctionne dans pratiquement tous les navigateurs graphiques.

Mettre en forme un texte

Mettre en forme un texte

Avec la feuille de style, on peut aisément mettre en forme des éléments textuels.

Mise en page

Mise en page

La mise en page est une opération qui précède généralement le travail d’impression.

Styles des liens

Styles des liens

Grâce aux CSS, il est désormais plus facile d’intégrer de nouveaux effets surprenants sur des liens.

Image de fond

Utilisation des images dans les CSS

Image de fond

 

Image de fond 3

 

Image de fond 1

 

Image de fond 4

Image de fond 2

Image de fond 5

Remplacer une image décorative
par une image de fond

Illustration de page

Objectif du CSS et son utilité

Sélecteurs CSS

Sélecteurs CSS

Les sélecteurs définissent les éléments qui s’appliquent à l’ensemble des règles. Il existe plusieurs types de sélecteurs simples : de type, de classe, d’identifiant, universel et d’attributs.

Débugage CSS

Débugage CSS

Le débugage CSS dynamise un site Web. Un mauvais CSS perturbe l’affichage d’un site. Pour améliorer le style des pages Web, on peut recourir à des outils de débugage CSS.

CSS Orienté Objet

CSS Orienté Objet

La programmation orientée objet permet de bénéficier d’un code structuré. Ce concept facilite la mise à jour des pages Internet. Pour gagner du temps, il vaut mieux créer des classes génériques.