CSS

Force_IT - Thierry Lecroq

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

50 pages

Français

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

A propos
Informations
Extrait

Description

Généralités sur le CSS : les selecteurs, les propriétés, les dimensionnement et le positionnement

Informations

Publié par	Force_IT
Nombre de lectures	88
Licence :	En savoir + Paternité, pas d'utilisation commerciale, partage des conditions initiales à l'identique
Langue	Français

Extrait

CSS
Thierry Lecroq
Universite de Rouen
FRANCE
Thierry Lecroq (Univ. Rouen) CSS 1 / 50Plan
1 Generalites sur les CSS
2 Les selecteurs
3 Les proprietes
4 le dimensionnement et le positionnement
Thierry Lecroq (Univ. Rouen) CSS 2 / 50Cascading Style Sheet
Mise en forme
Separation de la forme et du fond
HTML decrit le fond
CSS decrit la forme
Centralisation de l’aspect visuel
Validation automatique : http://jigsaw.w3.org/css-validator
On insere du CSS entre :
<style type="text/css">

</style>
Ou on lie un chier CSS avec :
<link rel="stylesheet" type="text/css" href="...">
Commentaires : entre /* et */
Thierry Lecroq (Univ. Rouen) CSS 3 / 50Format d’une classe CSS
Le CSS est forme d’un ensemble de classes. Une classe s’ecrit de cette
fa con :
selecteur {
propriete1 : valeur1 ;
propriete2 : valeur2 ;
.
.
.
}
Thierry Lecroq (Univ. Rouen) CSS 4 / 50Format d’une classe CSS
selecteur peut ^etre :
un nom de balise : les proprietes s’appliquent a toutes ces balises
un nom generique (commen cant par un point) : les attributs
s’appliquent aux balises utilisant class="selecteur" (sans le point)
un melange des deux, separes par des virgules : les attributs
s’appliquent suivant les deux points precedents
Les proprietes designent les elements modi es (couleur, bordure, fond,
marges...)
Les valeurs designent par quelles valeurs sont remplacees les proprietes
designees.
Thierry Lecroq (Univ. Rouen) CSS 5 / 50Exemple de CSS
style.css
body { font-family : Arial ; }
p { background-color : #F0C0C0 ; border : thin solid black ; }
.titre { color : yellow ; }
Thierry Lecroq (Univ. Rouen) CSS 6 / 50Exemple de CSS
index.xhtml
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Exemple CSS</title>
</head>
<body>
<h1 class="titre">Titre en jaune</h1>
<p>Un paragraphe avec bordure et couleur de fond</p>
</body>
</html>
Thierry Lecroq (Univ. Rouen) CSS 7 / 50Les unites de longueur
px : pixel
em : m-length
ex : x-height
in : pouce (inch) soit 25;4 mm
cm : centimetre
mm : millimetre
pt : point soit 1=72 de pouce
pc : pica soit 12 points donc 1=6 de pouce
Thierry Lecroq (Univ. Rouen) CSS 8 / 50Les couleurs
mot-cle : black, blue, brown, cyan, gray, green, pink, purple,
red, ...
code hexadecimal : #999999, composantes RGB
fonction rgb() : rgb(r,v,b) avec 0r;v;b 255
Thierry Lecroq (Univ. Rouen) CSS 9 / 50Plan
1 Generalites sur les CSS
2 Les selecteurs
3 Les proprietes
4 le dimensionnement et le positionnement
Thierry Lecroq (Univ. Rouen) CSS 10 / 50

Univers
Ebooks
Livres audio
Presse
Podcasts
BD
Documents

Livre audio en ligne - Développement personnel Livre en ligne Tout le catalogue Tous les Intérêts

CSS

YouScribe

Le catalogue

Le service

Les conditions