initiation au css

11

Click here to load reader

Upload: strasweb

Post on 11-Jul-2015

136 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: Initiation au CSS

Initiation au CSS19 novembre 2014

Pierre Rudloff & Damien Senger

Page 2: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Qu’est-ce que le CSS ?

Cascading Style Sheets

Créé en complément du HTMLPermet de définir le style d'une page webSéparation de la forme et du contenu

Interprété par un navigateur(Firefox, Chrome, Internet Explorer, etc.)

Version actuelle : CSS3Presque toujours utilisé avec HTML

Page 3: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Comment créer du CSS

Éditeur de texte/code :● Notepad++ (Windows)● Brackets● Smultron (Mac OS)

Éditeur visuel :● Dreamweaver● BlueGriffon

Page 4: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Inclure CSS dans HTML

Page 5: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Syntaxe

Page 6: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Classes et ID

Page 7: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Règles groupées

Page 8: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Priorités

Page 9: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Outils

Firebug

Outils de développeur Chrome

Lunettes à rayons X

Thimble

Page 10: Initiation au CSS

Initiation au CSS | 19 novembre 2014

Ressources pédagogiques

OpenClassrooms

Codecademy

Mozilla Developer Network

Page 11: Initiation au CSS

Initiation au CSS | 19 novembre 2014

À lire

● HTML & CSS, Jon Duckett● CSS2 : Pratique du design web, Raphaël Goetter● CSS3 : Pratique du design web, Raphaël Goetter● CSS3 for web designers, Dan Cederholm● Cascading Style Sheets : designing for the Web, Håkon

Wium Lie et Bert Bos