Differences

This shows you the differences between two versions of the page.

--- 2013_2014:s1:docweb:css:start [2013/09/10 20:00]
blay [Combinaison de sélecteurs]
+++ 2013_2014:s1:docweb:css:start [2013/11/13 12:45] (current)
blay
@@ Line 1: / Line 1: @@
 ====== Feuilles de style : CSS ======
-Basé sur le cours de Gaétan Rey
+Basé sur le cours de Gaëtan Rey
 Les feuilles de style en cascade nommées CSS (Cascading Style Sheets) servent à décrire la présentation des documents (X)HTML et XML. Les standards définissant CSS sont publiés par le W3C. Introduit au fin 1996, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.
@@ Line 115: / Line 115: @@
   * [[http://validator.w3.org/check|Validez votre fichier]] Votre objectif est de le rendre valide en séparant contenu et présentation.
   * Recopier le fichier sous ''gardenWithCss.html'' puis séparer le style dans un fichier css;
-  * [[http://jigsaw.w3.org/css-validator/validator|Valider votre fichier css]]  (conseil : vérifier la validité de votre fichier css; modifier votre fichier html; visualiser le html; itérer...)
+  * [[http://jigsaw.w3.org/css-validator|Valider votre fichier css]]  (conseil : vérifier la validité de votre fichier css; modifier votre fichier html; visualiser le html; itérer...)
   * Validez votre nouveau fichier html ''gardenWithCss.html'' résultant, il doit être conforme au fichier initial.
 </box>
@@ Line 136: / Line 136: @@
 ^ Eléments d'html         ^ Eléments en css           ^
-| bgcolor   | backgroung-color |
+| body link=  | a:link {color: ...} |
-| body link=  | body:link {color: ...} |
+| body vlink=   | a:visited {color:} |
-| body vlink=   | body:visited {color:} |
+| body alink=   | a:active {color:} |
-| body alink=   | body:active {color:} |
 | <font face="French Script MT"| {font-family:"French Script MT"; |
 | <font size="7" color="#006600| {font-size:xx-large; //par exemple// |
@@ Line 273: / Line 272: @@
          * [[http://www.w3schools.com/html/html_colornames.asp|en savoir plus sur les noms de couleurs]]
          * [[http://www.w3schools.com/cssref/pr_class_display.asp|en savoir plus sur les formes d'affichages]]
+         * Attention, nous perdons le guillemet fermant... une idée?
 {{ :2013_2014:s1:docweb:css:citations1.png?800& |Nouvelle visualisation qui étonnamment nous satisfait!!}}

Cours au département INFO - IUT - UNS

User Tools

Site Tools

Differences

Page Tools