La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Faculté I&C, Claude Petitpierre Cascaded style sheets CSS.

Présentations similaires


Présentation au sujet: "Faculté I&C, Claude Petitpierre Cascaded style sheets CSS."— Transcription de la présentation:

1 Faculté I&C, Claude Petitpierre Cascaded style sheets CSS

2 Faculté I&C, Claude Petitpierre Placement des styles p { font-weight:bold; color:gray; }

3 Faculté I&C, Claude Petitpierre Styles ul { font-size: 120% } ul.commerce { font-weight: bold; } ul#pub { color: red; }.commerce { border-color: blue; } #pub { text-align: center; } ul span { visibility: hidden; } http://www.w3schools.com/css/css_reference.asp...

4 Faculté I&C, Claude Petitpierre Types déléments Block elements,,, and Inline elements... Tables Un élément inline ne peut pas contenir un élément block aa // devient block bb // devient inline

5 Faculté I&C, Claude Petitpierre Blocs flottants.dropcap { float: left; width:.7em; font-size: 5em; margin-top:3px; line-height:70%; } C et exemple montre comment commencer un paragraphe par une grande lettre, ce qui fait de jolis textes.

6 Faculté I&C, Claude Petitpierre Positions -- (positionné par les éléments précédents) { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.fr/7/1716324/slides/slide_6.jpg", "name": "Faculté I&C, Claude Petitpierre Positions -- (positionné par les éléments précédents) static normale relative absolute fixed p.r.", "description": "fenêtre.", "width": "800" }

7 Faculté I&C, Claude Petitpierre Positions static normale relative absolute fixed p.r. fenêtre (positionné par style) aa

8 Faculté I&C, Claude Petitpierre Positionnements dans un élément absolute p.r. au div absolute p.r. à l page

9 Faculté I&C, Claude Petitpierre CSS Pseudo-classes div:hover { background-color:#ffeeee } div:hover span { font-size: 120% } div.commerce:hover p { font-weight: bold; } AAAA mmmmm un p dans un div de classe commerce sur lequel la souris passe est mis en bold

10 Faculté I&C, Claude Petitpierre Tutorials CSS Tooltip series http://www.communitymx.com/content/article.cfm?cid=4E2C0 CSS Flyouts (menus) http://www.communitymx.com/content/article.cfm?cid=55A69 Tool tip

11 Faculté I&C, Claude Petitpierre Exercice Créer une page contenant un menu dont chaque élément appelle une autre page Les autres pages ont un lien qui revient sur la page ci-dessus


Télécharger ppt "Faculté I&C, Claude Petitpierre Cascaded style sheets CSS."

Présentations similaires


Annonces Google