Feuilles de style pour le Web
Adresses derrière les liens

Différents types

Écran 4

SVG http://fr.wikipedia.org/wiki/Svg

Quelques adresses

Écran 5

http://www.w3.org/Style/CSS/ http://www.w3.org/Style/CSS/
http://www.w3.org/Style/Examples/007/ http://www.w3.org/Style/Examples/007/
http://www.w3.org/TR/CSS1 http://www.w3.org/TR/CSS1
http://www.w3.org/TR/CSS21 http://www.w3.org/TR/CSS21
http://www.westciv.com/style_master/academy/browser_support http://www.westciv.com/style_master/academy/browser_support
http://www.yoyodesign.org/doc/w3c/css2/sample.html http://www.yoyodesign.org/doc/w3c/css2/sample.html
http://www.w3schools.com/css/ http://www.w3schools.com/css/
http://jigsaw.w3.org/css-validator/ http://jigsaw.w3.org/css-validator/

Unités de mesure

Écran 6

http://css.nu/articles/typograph1-en.html http://css.nu/articles/typograph1-en.html

Quelques propriétés des CSS

Écran 7

http://www.w3.org/TR/CSS21/propidx.html http://www.w3.org/TR/CSS21/propidx.html

Feuille de style alternative

Écran 14

http://www.w3.org/Style/Examples/007/alternatives.html http://www.w3.org/Style/Examples/007/alternatives.html

Exercice : créer une feuille de style

Écran 15

exemple de contenu adresse privée

Exemple de div

Écran 17

style sur élément div adresse privée

Exemple de span

Écran 18

style sur élément span adresse privée

Éléments d'un bloc

Écran 19

http://www.w3.org/TR/CSS2/box.html http://www.w3.org/TR/CSS2/box.html

Héritage parent/enfant

Écran 20

héritage parent-enfant adresse privée
http://www.yoyodesign.org/doc/w3c/css2/cascade.html#inheritance http://www.yoyodesign.org/doc/w3c/css2/cascade.html#inheritance
http://www.w3.org/TR/CSS21/cascade.html#inheritance http://www.w3.org/TR/CSS21/cascade.html#inheritance

Classes

Écran 21

classes sur un élément adresse privée

Classes libres

Écran 22

classes libres adresse privée
http://www.yoyodesign.org/doc/w3c/css2/selector.html#class-html http://www.yoyodesign.org/doc/w3c/css2/selector.html#class-html
http://www.w3.org/TR/CSS21/selector.html#class-html http://www.w3.org/TR/CSS21/selector.html#class-html

Pseudoclasses

Écran 23

http://www.w3.org/TR/CSS21/selector.html#pseudo-elements http://www.w3.org/TR/CSS21/selector.html#pseudo-elements
pseudoclasses adresse privée

Identifiants

Écran 24

identifiants adresse privée

Grouper des éléments

Écran 25

groupement d'une règle adresse privée

Sélecteurs contextuels

Écran 26

sélecteurs contextuels adresse privée

Sélecteur universel et autres sélecteurs

Écran 27

http://www.yoyodesign.org/doc/w3c/css2/selector.html http://www.yoyodesign.org/doc/w3c/css2/selector.html
sélecteur universel adresse privée

Rappel des principales propriétés des CSS

Écran 29

http://www.w3.org/TR/CSS21/propidx.html http://www.w3.org/TR/CSS21/propidx.html

Exemple simple de résolution

Écran 31

http://www.w3.org/TR/CSS1#the-cascade http://www.w3.org/TR/CSS1#the-cascade
résolution de conflit simple adresse privée

Exemple complexe de résolution

Écran 32

http://www.w3.org/TR/CSS1#cascading-order http://www.w3.org/TR/CSS1#cascading-order
http://www.yoyodesign.org/doc/w3c/css1/#cascading-order http://www.yoyodesign.org/doc/w3c/css1/#cascading-order
résolution de conflit complexe adresse privée

Exemple de positionnement

Écran 36

csspex1.htm adresse privée
csspex2.htm adresse privée

Tronquer une région

Écran 37

csspex3.htm adresse privée

Quelques utilisations de la propriété overflow

Écran 38

http://brainjar.com/dhtml/windows/ http://brainjar.com/dhtml/windows/
http://www.cssplay.co.uk/menu/scroll_gallery.html http://www.cssplay.co.uk/menu/scroll_gallery.html
http://www.cssplay.co.uk/menu/tablescroll.html http://www.cssplay.co.uk/menu/tablescroll.html
http://www.cssplay.co.uk/layouts/body.html http://www.cssplay.co.uk/layouts/body.html
http://www.cssplay.co.uk/layouts/bodyfix.html http://www.cssplay.co.uk/layouts/bodyfix.html
overflow.htm adresse privée

Exemple de profondeur

Écran 39

csspex4.htm adresse privée

Autres usages...

Écran 42

avec feuille de style CSS minimale adresse privée
avec feuille de style CSS adresse privée

Futur de CSS (niveau 3)

Écran 44

http://www.w3.org/Style/CSS/current-work http://www.w3.org/Style/CSS/current-work

Implantations : la vraie vie...

Écran 45

http://www.mezzoblue.com/zengarden/resources/ http://www.mezzoblue.com/zengarden/resources/
http://www.w3.org/Style/CSS/learning http://www.w3.org/Style/CSS/learning
http://www.dezwozhere.com/links.html http://www.dezwozhere.com/links.html

CSS chez Espace Courbe...

Écran 47

document XML original adresse privée
document XML transformé avec CSS adresse privée

Feuilles de style pour le WebAdresses derrière les liens

Feuilles de style pour le Web
Adresses derrière les liens