Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Cascading style sheets 1 CSS Cascading Style Sheets CCSS o La création de styles CSS Cascading Style Sheets ou feuilles de style en cascade est le complément indispensable du langage X HTML o Ce procédé correspond parfaitement à la séparation du contenu F

CSS Cascading Style Sheets CCSS o La création de styles CSS Cascading Style Sheets ou feuilles de style en cascade est le complément indispensable du langage X HTML o Ce procédé correspond parfaitement à la séparation du contenu Fond et de la présentation Forme d ? un document CPourquoi CSS o Permet de choisir la couleur de votre texte o Permet de sélectionner la police utilisée sur votre site o Permet de dé ?nir la taille du texte les bordures le fond o Permet de faire la mise en page de votre site o Permet d ? appliquer une même mise en forme à plusieurs pages CAvec et sans CSS HTML sans CSS HTML CSS CUn style homogène pour tout le site CCSS Les règles de style o Sélecteur Balises HTML concernées par la règle CSS o Bloc de déclaration Propriétés CSS à appliquer au sélecteur propriété valeur Exemple Sélecteurs p color blue Blocs de déclaration h font-style italic font-family Arial sans-serif CCSS Les commentaires o Il est utile de commenter les feuilles de style pour s ? y retrouver plus tard lorsqu ? il s ? agira d ? apporter des modi ?cations o Il su ?t de placer les commentaires entre les signes et Exemple Voici un commentaire Et en voilà un autre mais sur deux lignes CEmplacements des styles o Comme attributs de balises Styles en ligne Titre o Dans l ? entête de la page HTML Feuille de style interne CEmplacements des styles o Dans un ?chier distinct Feuille de style externe appelée dans l ? entête de la page HTML Ou C CLes sélecteurs de style oSélecteurs simples Exemples div color blue p color red ? La première règle s ? applique à toutes les balises de la page web ? La deuxième à toutes les balises CLes sélecteurs de style oLes Classes class Appliquer un style particulier à certaines balises de même type ou de types di ?érents Exemple class code HTML p nom classe text-align center code CSS CLes classes oUne même classe pour plusieurs types de balises Exemple code HTML menu font-style C italic code CSS Les identi ?ants id oIl ne peut y avoir qu ? une seule utilisation dans la page oExemple p auteur color blue ou C auteur color blue Les pseudo-classes Pour les liens hypertextes ? link lien hypertexte qui n ? a pas été visité ? visited lien visité et encore présent dans l ? historique du navigateur ? hover élément survolé par la souris ? active élément activé la souris pointant ce lien son bouton est enfoncé Exemple a hover color red Ou C a menu hover color red Les pseudo-éléments ? ?rst-letter première lettre du bloc ? ?rst- line première ligne du bloc ? before avant la balise spéci ?ée ? after après la balise spéci ?ée Exemple p ?rst-letter font-size pt agrandir la taille de la première lettre pour chaque paragraphe C Regroupement de propriétés h border-width px border-style solid border-color blue Ou h