Etude de marketing

Disponible uniquement sur Etudier
  • Pages : 5 (1100 mots )
  • Téléchargement(s) : 0
  • Publié le : 24 novembre 2010
Lire le document complet
Aperçu du document
CSS
Cascading Style Sheet
Pr. Benoudifa.ouafae
A.U: 2010

Historique de HTML
• Recommandation du W3C (World WideWeb Consortium)
– HTML 1 : 1989 (texte, hyperliens)
– HTML 2 : 1994 (images, formulaires)
– HTML 3 : 1996 (son, applets)
– HTML 4 : 1998 (vidéo, CSS)

HTML – Inconvénients
• Mélange de structure logique et de caractéristiques de formatage
• Ensemble prédéfini de balises• Conséquences:
– Difficulté sur le contrôle de la présentation de
plusieurs documents
– Présentation figée pour tous types de médias

Solution

• Feuille de style

[pic]

Feuilles de style
• Style est un ensemble de caractéristiques principalement
visuelles, qui peut s’appliquer à une balise (HTML ou XML) de
façon à modifier l’apparence visuelle de cette balise
• Feuille de style:– Une liste de règles. Chaque règle décrit les éléments du
document auxquels elle s’applique.
– séparer le style d'un document de son contenu
• Sans modifications, un même document peut être présenté
de différentes façons :
– Selon le lecteur
– Selon les caractéristiques de l'appareil de restitution

CSS
• Le W3C a crée un groupe de travail feuille de style
pour gérer les problèmesspécifiques à la
présentation

• CSS- Cascading Style Sheet :1995

• Répondre aux insuffisances de HTML
• Peut être associé avec plusieurs langages de
description de contenu: HTML, XML

• http://www.w3.org/Style/CSS

Intégration des styles CSS
• Il existe 3 techniques:
– Le style est défini directement dans l'élément
concerné
– le style du document est élaboré et défini dès
son début
–les feuilles de style liées: le style du ou des
documents est défini dans un fichier séparé.
8

Style en ligne
• Utilisation de l’attribut STYLE
• Syntaxe

N.B:Vous pouvez changer le nom de la couleur (chocolate) par sa valeur RGB
hexadécimale : #D2691E

Feuilles de style globales
• Utilisation de la balise STYLE dans l’entête
du document
• Regroupe les différents styles concernantles différents éléments du document
HTML

Feuilles de style liées/1
• Même syntaxe que les feuilles de style globales
• Définition se trouve dans un fichier distinct du ou
des documents HTML.
• Ce fichier a une extension CSS (".css") permet
de grouper les styles et les règles communes de
plusieurs pages, voire d'un site Web entier.
• Apporte une amélioration des performances :
– lafeuille de style liée est mise en mémoire
séparément;
– les documents sont moins volumineux;
– le chargement des informations de style ne se fait
qu'une seule fois.

Feuilles de style liées/2
• Syntaxe:

• Le fichier style.css ne peut contenir
aucun code HTML mais uniquement les
règles contextuelles et les définitions de styles.

Cascade
• feuille de style a trois origines différentes:
–auteur, utilisateur, l'agent utilisateur
• Auteur: produit une CSS ( documents
HTML
• Utilisateur: une CSS personnelle
• Agent utilisateur: CSS par défaut

résolution des conflits
• Les principales règles de priorité sont:
– Règle 1: les règles de l’auteur ont priorité sur celles de
utilisateur: CSS1
– Règle 2: les règles de l’utilisateur ont priorité sur celles de
l’auteur si unedéclaration !important est associé à la
propriété concerné coté utilisateur.
H1 {color:red !important font-size:14pt}
– Règle 3: lorsque plusieurs règles sont en compétition, la
règle la plus spécifique est prioritaire
– Règle 4: lorsque plusieurs règles avec un même degré de
spécification sont en compétition, la dernière règle est utilisée

CSS – Sélecteurs
• Une feuille de style CSS est unensemble
de règles. Chaque règle est constitue
de:
Sélecteur {propriété: valeur; propriété:
valeur;…}
• les commentaires CSS ont le même format
que les commentaires du langage C:
/* ceci est un commentaire */

CSS – Sélecteurs
• Règles de style simple
• Sélecteurs contextuels
• Pseudo-classes

Règles de style simple
• Syntaxe:
– Élément+ {propriété:valeur+}
• Exemple:...
tracking img