Chapitre 2 15 Chapitre Programmation Web Le CSS Introduction Cascading Style Sheets Feuilles de styles en cascade Enseignante Mme L MANSOURI CLe CSS C ? est un langage permettant la mise en forme de documents structurés écrits en langage HTML XHTML XML Le

Chapitre Programmation Web Le CSS Introduction Cascading Style Sheets Feuilles de styles en cascade Enseignante Mme L MANSOURI CLe CSS C ? est un langage permettant la mise en forme de documents structurés écrits en langage HTML XHTML XML Les feuilles de styles ont pour objectif principal de dissocier le contenu de la mise en forme HTML Contenu CSS Mise en forme C CAvantages de l ? utilisation du CSS ne pas répéter dans chaque page le même code de mise en forme ? réduction de la taille de page gain du temps pouvoir changer l'apparence d'un site web complet en ne modi ?ant qu'un seul ?chier faciliter la lecture du code de la page réduire le temps de chargement des pages les feuilles css sont gardées en cache seuls les contenus sont chargés au cours de navigation permettre la cohésion de la présentation tout au long du site avec les feuilles de style externes CLes di ?érentes versions du css Succession de di ?érentes versions CSS - ou CSS level CSS - ou CSS level CSS - révision CSS - a commencé dès et a été exploité dès CSS parallèlement aux modules CSS CSélecteur HTML La partie textuelle d'une balise HTML est appelé sélecteur H est le sélecteur de la balise Le sélecteur est exploité pour redé ?nir le style de l'a ?chage de la balise Sélecteur html propriété valeur C Exemple sélecteur accolades bloc de déclarations règle CSS h color red text-align center déclaration identi ?cateur de propriété séparateur entre déclarations valeur facultatif à la ?n C Règle CSS présentation du code Présentation possible h color red text-align center Présentation conseillée avec indentation et passage à la ligne h color red text-align center C Les commentaires Comme en HTML il est possible de mettre des commentaires Pour faire un commentaire on tape suivi du commentaire Vos commentaires peuvent être sur une ou plusieurs lignes Par exemple essai css Fichier créé le Par MANSOURI L p color blue Les paragraphes seront bleus C Inclusion des styles CSS dans des pages HTML Il existe trois façons de dé ?nir une feuille de style Dé ?nition CSS spéci ?que en ligne Méthode CSS interne Méthode CSS externe C Dé ?nition CSS spéci ?que en ligne Consiste à intégrer les styles dans le corps du document HTML la méthode la moins recommandée Code CSS C Exemple Mon site Bonjour et bienvenue sur mon site Pour le moment mon site est un peu vide Patientez encore un peu CMéthode CSS interne Consiste à mettre le style dans l'entête de la page La syntaxe est incorporée à l'entête du ?chier HTML entre les balises et CExemple Mon site Bonjour et bienvenue sur mon site Pour le moment mon site est un peu Patientez un peu CMéthode CSS externe C indique que ce ?chier HTML est associé à un ?chier appelé style css avertit le browser qu'il faudra réaliser un lien Mon site Bonjour et bienvenue sur mon site Pour le moment mon site est

  • 23
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager