Remerciez-le!

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

Cours css Sadok Ben Yahia PhD sadok benyahia fst rnu tn Département des Sciences de l ? Informatique FST CLes CSS pourquoi ? Objectif fournir un mécanisme pour associer di ?érents styles à un même document Article Contenu Présentations CExemple ? il arriv

Sadok Ben Yahia PhD sadok benyahia fst rnu tn Département des Sciences de l ? Informatique FST CLes CSS pourquoi ? Objectif fournir un mécanisme pour associer di ?érents styles à un même document Article Contenu Présentations CExemple ? il arrive fréquemment que l'on attribue à certains éléments des caractéristiques de mise en forme identiques Par exemple les noms de chapitres seront mis en police Arial en gras et en couleur bleue Appeler cette mise en forme titre ? l ? appliquer à chaque nouveau chapitre ? Cette dé ?nition de mise en forme particulière on va l'appeler feuille de style ? Idée reprise de MS -WORD Titre - A - a Titre - B- b STYLE des titres STYLE des sous-titres STYLE du texte STYLE des titres STYLE des sous-titres STYLE du texte CUtilité et avantages ? Séparation du contenu et de la mise en forme ? Cohésion de la présentation tout au long du site avec les feuilles de style externes ? Modi ?er l'aspect d'un page ou d'un site sans en modi ?er le contenu et cela en quelques lignes plutôt que de devoir changer un grand nombre de balises ? Un langage neuf compréhensible simple et logique par rapport au Html et à ses di ?érentes versions CUtilité et avantages ? Une façon d'écriture concise et nette par rapport au Html qui devient vite fouillis ? Réduire le temps de chargement des pages ? Palier certaines insu ?sances du langage Html contrôle des polices contrôle de la distance entre les lignes contrôle des marges et des indentations sans devoir utiliser de tableaux et ainsi augmenter la créativité des écrivains du Web CDé ?nition d'un style La dé ?nition de base d'un style est simple balise propriété de style valeur propriété de style valeur Exemple H font- family Arial font-style italic Donc ici la balise H sera en Arial et en italique Et dans votre document toutes les balises auront comme style Arial et italique CExemple Fizzics html sans feuilles de style New Advances in Physics Turning Gold into Lead In a startling breakthrough scientist B O Gus Fizzics has invented a practical technique for transmutation For more details please see our transmutation thesis CRésultat CExemple Fizzics html avec feuilles de style CRésultat CDé ?nition d'un style Attention ? Les propriétés de style sont entourées par des et pas des ou des parenthèses ? Le couple propriété de style valeur est séparé par un double-point ? Chaque couple propriété de style valeur est séparé par un point-virgule ? Pas de limite pour le nombre de couples propriétés de style valeur CDé ?nition d'un style Attention ? L'espace entre propriétés de style et valeur non obligatoire ? lisibilité du code source ? Ecrire vos styles sur plusieurs lignes H font-family Arial font-style italic font-color green ? Attribuer plusieurs valeurs à une même propriété H font-family Arial Helvetica sans-serif ? Attribuer un même style à plusieurs balises H H H font-family Arial font- style italic CDé ?nition du style