Cours chapitre5 CHAPITRE LES FEUILLES DE STYLE CSS Sana REKIK sana rekik gmail com sana rekik iit ens tn CLE CSS CASCADING STYLE SHEETS Les feuilles de style CSS sont un complément direct à HTML Il s'agit d'un langage pour dé ?nir les propriétés de format
CHAPITRE LES FEUILLES DE STYLE CSS Sana REKIK sana rekik gmail com sana rekik iit ens tn CLE CSS CASCADING STYLE SHEETS Les feuilles de style CSS sont un complément direct à HTML Il s'agit d'un langage pour dé ?nir les propriétés de format de commandes HTML pour spéci ?er les polices de caractères à utiliser leurs attributs d ? a ?chage gras italique taille couleur la couleur ou l ? image de fond les formats de puces CSS est une solution pour séparer le contenu de la forme ? Séparer le travail de la rédaction de celui de la présentation CSS assure la cohérence graphique d ? un site ? Plusieurs pages peuvent partager la même feuille de style CAPPLIQUER UN STYLE CSS Les formats CSS peuvent être dé ?nis à trois endroits di ?érents Dans la balise d ? ouverture d ? un élément HTML appel à l ? attribut style ? Méthode la moins recommandée Dans l'en-tête du ?chier HTML feuille de style interne Dans un ?chier css feuille de style externe ? Méthode la plus recommandée CCSS DANS LA BALISE D ? UN ELEMENT HTML Appel à l ? attribut style ajouter du CSS à une balise donnée La valeur correspondante à cet attribut comportera les associations propriété valeur la propriété et sa valeur sont séparées l'une de l'autre par ? ex color blue Bonjour et bienvenue sur mon site Cette solution présente l'inconvénient d'encore mêler des informations sur la présentation et la structure d ? un document ? Cela rend di ?cile les mises à jour du code CCSS DANS L ? ENTÊTE STYLE INTERNE On pout insérer le code CSS dans l ? entête d ? une page entre les balises et On utilise alors la balise ? Règle de style CCSS DANS L ? ENTÊTE STYLE INTERNE Syntaxe une règle de style est composée de Un sélecteur est désigne l'élément HTML balise auquel on applique un style Au moins une déclaration qui présente les propriétés modi ?ant le format du document HTML Sélecteur p Déclaration color blue Propriété Valeur CCSS DANS L ? ENTÊTE STYLE INTERNE Syntaxe La déclaration du style proprement dite est placée entre des accolades Les expressions complètes contenant propriété et valeur sont séparées par ? balise propriété de style valeur propriété de style valeur Il est possible de grouper plusieurs sélecteurs ayant une règle de style identique séparés par une virgule h h h color red Les lignes de commentaires dans les ?chiers de style CSS commencent par CCSS DANS UNE FEUILLE DE STYLE EXTERNE La ligne indique que ce ?chier HTML est associé à un ?chier appelé style css chargé de la mise en forme Dans cet exemple les deux ?chiers HTML et CSS sont dans le même répertoire Mon premier site La balise avertit le navigateur qu'il faudra réaliser un lien rel stylesheet L'attribut précise que le navigateur trouvera une feuille de style externe href L'attribut de lien donne le chemin d'accès et le nom du ?chier
Documents similaires










-
59
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Jan 09, 2021
- Catégorie Creative Arts / Ar...
- Langue French
- Taille du fichier 103.7kB