Cours css3 Chapitre Les feuilles de styles CSS CSS Cascading style sheet Enseignante Mme Mayssa Bensalah Email bensalah-maissa hotmail fr CPlan du chapitre Introduction Propriétés de styles Historique Notions de class Structure des feuilles de styles Noti
Chapitre Les feuilles de styles CSS CSS Cascading style sheet Enseignante Mme Mayssa Bensalah Email bensalah-maissa hotmail fr CPlan du chapitre Introduction Propriétés de styles Historique Notions de class Structure des feuilles de styles Notions de pseudo-class Héritage Notions de pseudo-élément Localisation externe interne intra-ligne Règles de rédaction Sélecteurs regroupés Règles spéciales Unités de mesures Commentaires Filtres d ? images Notions de boites CIntroduction Les feuilles de styles o ?rent un moyen e ?cace pour contrôler l'apparence et le rendu des documents HTML Elles permettent de séparer le contenu de la forme Tous les navigateurs n'interprètent pas toutes les propriétés CSS au même degré L'acronyme CSS signi ?e Cascading Style Sheets feuilles de styles en cascade CHistorique ? Conçu initialement pour HTML la première version dite CSS niveau CSS - est publiée en ? Les feuilles de styles sont apparues en avec le browser Internet Explorer ? le W C publie une nouvelle version CSS - Elle introduit la notion de type de média ? Elles se sont généralisées avec les versions d'Internet Explorer et de Netscape Navigator ? IE gère la quasi totalité des spéci ?cations CSS - ? Le site du W C propose une validation en ligne permettant de véri ?er la conformité d ? un style à la norme CSS - CStructure des feuilles de styles ? Une feuille de styles est composée d'un ensemble de descriptions de styles Sélecteur propriété valeur propriété valeur ? ? Exemple H COLOR navy FONT px FONT-FAMILY sans-serif ? Aucune limite dans le nombre de couple propriétés valeurs CHéritage ? Pour chaque propriété la valeur inherit ? permet de préciser si la valeur doit être héritée ? Exemple H COLOR navy FONT inhérit FONT-FAMILY sans-serif CLocalisation des styles La déclaration de règles de styles peut être soit ? externe au document HTML dans une feuille de style ? interne au document HTML dans la section HEAD ? intra-ligne associé à l ? attribut style d ? une balise CFeuille de styles externe ? Séparation de la présentation de la page HTML ? Réduit la taille de la page HTML ? Style identique pour l ? ensemble d ? un site ? Évolution rapide du design ? d ? un site ? Feuille de style spéci ?que au média taille de l ? écran imprimante CFeuille de styles externe ? Une feuille de styles externe est un ?chier texte portant habituellement l'extension css ? Le lien entre le document HTML et le ?chier CSS s ? e ?ectue dans la section d ? un document HTML ? Exemple La balise avertit le navigateur qu'il doit établir un lien rel stylesheet précise qu'il s'agit d'une feuille externe type text css avertit qu'il s'agit de feuilles de style en cascade href dé ?nit l'emplacement de la feuille de style CFeuille de styles interne ? Une feuille de styles interne est insérée en en- tête du ?chier HTML à l'aide de l'élément ? Application d'un style sur un élément texte du paragraphe ? CStyles
Documents similaires










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