TONER KEBAB WIKI

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== HTML + CSS ======

Si vous n'avez pas suivi le tutoriel HTML, rendez-vous sur cette page: [[wiki:tutoriels:html:html_00|HTML – La Base]].

**Une fois structurée votre page html, il s'agit de la mettre en forme avec le langage CSS (Cascading Style Sheets). Ce langage, très puissant, ressemble dans sa syntaxe au java ou à celui de processing.**

<code>
[SELECTEUR] { 
[PROPRIETE]: [VALEUR]; 
}
</code>

----

===== habillage.css =====

En premier lieu il s'agit d'appeler la page CSS dans votre page HTML en complétant l'entête de votre page html.

<code> 
<head>
...
<link rel="stylesheet" href="habillage.css" type="text/css" />
...
</head>
</code>

Puis de créer dans votre traitement de texte un fichier CSS, intitulé dans cet exemple: habillage.css. Les éléments ciblés ci-dessous correspondent à des balises html, on peut avoir recours aux balises neutres, div, span ainsi qu'aux identifiants id et classes.

<code>
body { 
	color: #333333; font-size: 16px; font-family: arial, sans-serif; 
	background-color: red;
} 

h1, h2, h3 { 
	color: black; text-transform: uppercase; 
	background-color: blue; 
}
</code>
{{:wiki:tutoriels:html:web01.jpeg?300|}}

----

La suite ici: [[wiki:tutoriels:html:html_04_css|HTML + CSS, sélecteurs]]

TONER KEBAB WIKI

Outils pour utilisateurs

Outils du site

Outils de la page