Cours Css Uahb
Cascading Style Sheets
M Kara
1
Généralités
CSS, cela signifie « Cascading Style Sheets », ce qui se traduit en français par feuilles de style en cascade.
La feuille de style fournit la mise en forme des éléments de la page, qui auront été écrits en HTML. Elle s’applique à une ou plusieurs pages du site.
Le terme « en cascade » indique que la mise en forme d’une page peut faire appel à plusieurs feuilles de style. Les différentes propriétés affectées à un même élément s’ajoutent alors pour lui donner sa mise en forme finale.
Lorsque deux propriétés se contredisent, des règles de priorité s’appliquent et c’est généralement le dernier style défini qui est pris en compte.
2
Principes de base pour une page web
Voici les principales qualités demandées à une page web :
Qu’elle soit claire dans sa conception,
Accessible à tous et que son esthétique s’accorde bien avec son contenu.
3
Choix sensé des balises HTML
En HTML, chaque élément doit être porteur de sens. Par exemple :
Pour un titre de page, utiliser un titre de niveau 1 <h1> plutôt qu’un paragraphe quelconque <p>.
Pour un menu (liste de liens), choisir une liste sans numérotation <ul>.
L’utilisation de balises qui donnent du sens présente plusieurs intérêts :
Le code sera plus clair pour le développeur et la maintenance future du site en sera facilitée ;
Les moteurs de recherche indexeront mieux les pages, car ils y retrouveront plus facilement les mots-clés essentiels ;
L’accessibilité sera améliorée pour les personnes en situation de handicap.
Adaptation aux navigateurs: Mozilla, internet explorer, etc,
4
Polices de caractères
Titre de page: <h1>…………………….</h1>
Mise en gras ou en italique: il existait en HTML les balises <b> (gras) et <i> (italique) qui sont obsolètes en XHTML : remplacez-les respectivement par
<strong> et <em>.
Liste de liens hypertexte pour les (menu):
<ul> et<li>
5
Fermeture des balises simples
En XHTML, toutes les balises doivent être fermées, y compris celles qui, n’entourant