Css cours m adil kenzi ensaf
CSS Cascading Style Sheet CPrésentation des feuilles de style Présentation des feuilles de style Le concept de feuilles de style est apparu en avec la publication par le W C d'une nouvelle recommandation intitulée Cascading StyleSheets feuilles de style en cascade Les feuilles de style ont été mises au point a ?n de compenser les manques du langage HTML en ce qui concerne la mise en page et la présentation Le HTML o ?re un certain nombre de balises permettant de mettre en page et de dé ?nir le style d'un texte toutefois chaque élément possède son propre style indépendamment des éléments qui l'entourent En utilisant les feuilles de style lorsque la charte graphique d'un site composé de plusieurs centaines ? de pages web doit être changée il su ?t de modi ?er la dé ?nition des feuilles de style en un seul endroit pour changer l'apparence du site tout entier CPrésentation des feuilles de style Présentation des feuilles de style Exemple d ? utilisation On souhaite par exemple que toutes les pages d'un site aient les mêmes attributs police de caractères Helvetica couleur de fonds bleu p? le titres centrés et soulignés paragraphes commençant par un retrait de pixels marge générale de pixels espacement autour des tableaux et images de pixels certains paragraphes qu'on considère comme des annotations ou notes en italique taille des caractères diminuée à En HTML ces caractéristiques peuvent être codées à chaque endroit o? elles apparaissent Mais cela présente plusieurs inconvénients travail fastidieux et long risque d'erreurs et d'omissions si on veut modi ?er un élément de présentation il faut reprendre tous les ?chiers déjà existant puis les remettre en ligne CPrésentation des feuilles de style Présentation des feuilles de style Exemple d ? utilisation Les CSS simpli ?ent le travail Tous les attributs communs à plusieurs ?chiers HTML peuvent être déclarés une seule fois dans un ?chier particulier il su ?ra de faire référence en tête de chaque page HTML Toute modi ?cation de la feuille de style sera immédiatement appliquée partout o? cette dernière est utilisée CPrésentation des feuilles de style Présentation des feuilles de style Le principe des feuilles de style consiste à Attribuer des caractéristiques de mise en forme à des groupes d'éléments Il est par exemple possible de décider de créer un groupe de titres en police Arial de couleur verte et en italique Autoriser le contrôle des attributs de présentation de la totalité des balises d'un projet HTML à partir d'une seule et unique feuille CSS On les appelle feuilles de style en cascade car on peut en dé ?nir plusieurs et en cas de redondance de style un ordre de priorité est donné par le navigateur Les feuilles de style permettent D'avoir une présentation homogène sur tout un site sans répéter dans chacune des pages les commandes de mise en forme De pouvoir changer l'aspect du site entier en modi ?ant quelques lignes Une plus grande lisibilité du HTML Le positionnement rigoureux des éléments Des chargements de page
Documents similaires
-
27
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Jui 01, 2021
- Catégorie Creative Arts / Ar...
- Langue French
- Taille du fichier 162.2kB