CSS法语教程 同时学习语言和专业知识.pptVIP

Les feuilles de style CSS Les feuilles de style CSS CSS = Cascading Style Sheets (Feuille de style en cascade) Document permettant de spécifier toutes les caractéristiques de mise en forme d’une page HTML Elles permettent de définir la mise en forme au niveau de chaque balise HTML Les avantages des CSS Séparation du contenu et de la forme: Amélioration de l’accessibilité numérique Cohésion de la présentation pour l’ensemble du site Modification très simple de l’apparence d’un site sans avoir à en modifier le contenu Facilitation de la maintenance Outil de mise en forme plus propre et plus puissant que ce que propose HTML Palier à certaine insuffisance de HTML (contr?le de la police, des marges, de l’indentation, …) Positionnement au pixel près Améliore le temps de chargement des pages Syntaxe d’un style CSS Syntaxe suivante: Balise { propriété_de_style : valeur } Où: Balise : Permet de préciser la balise dont on souhaite modifier le style Propriété_de_style : Permet de spécifier la propriété de la balise que l’on souhaite modifier (alignement, couleur, …) Valeur : Permet de spécifier la nouvelle valeur associée à la propriété Il est possible de modifier plusieurs propriétés pour une même balise en les séparant par des ??;?? Exemple de style CSS H1 { font-family : Arial; font-style : italic } H1,H2,H3 { color : blue } Les titres H1 posséderont alors le style suivant: Police : Arial Ecriture en italique Couleur bleue H2 et H3 : Couleur bleue On constate que Les définitions des propriétés s’accumulent pour une même balise Il est possible de modifier simultanément les propriétés de plusieurs balises Style CSS et redondance Dans le cas où la même propriété d’une même balise est définie plusieurs fois on ne conserve que la dernière déclaration CSS et contexte Il est même possible d’affiner la prise en compte des propriétés d’un balise en fonction du contexte dans lequel elle est utilisée. H2 I { color : green } Insertion de règles CSS (1/5) Il existe 3