|
|
|
Bienvenue sur le Wiki d'Univers-PC !
Afin de vous familiariser avec le wiki je vous invite à lire les Tutoriaux du wiki. Rapporter une mise à jour de logiciel Attributs class et idDe Wiki-PC.
ExempleCode XHTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Titre du Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" type="text/css" title="style_general" href="style.css" />
</head>
<body>
<h1 class="rouge">Titre le plus important</h1>
<p>Bonjour
<br />
Vous allez bien ?</p>
</body>
</html>
Code CSS : style.css.rouge
{
color: red;
}
Ce qui affichera
ExplicationOn ajoute le lien vers la feuille de style : <link rel="stylesheet" media="screen" type="text/css" title="style_general" href="style.css" /> Le class ou le id se mettent sur n'importe quelle balise. On peut leur donner n'importe quel nom, ici on lui donne le nom "rouge" : class="rouge" Ensuite on l'ajoute dans la feuille de style CSS : .rouge
{
color: red;
}
class ou id ?Les attributs class ou id on la même fonction, ils permettent d'appliquer un style à une balise. On peut utiliser plusieurs fois l'attribut class avec le même nom. Par contre la balise id qu'une seule fois.
Appel de l'attribut dans le cssQuand on appelle la balise class dans le css il faut ajouter le point devant le nom que vous lui aurez donné : . Quand on appelle la balise id dans le css il faut ajouter le dièse devant le nom que vous lui aurez donné : #
Pour résumerL'attribut class ou id ce met dans n'importe quelle balise : <h1 class="rouge">...</h1> <h1 id="rouge">...</h1> <h2 class="rouge">...</h2> <a class="rouge" href="page2.htm">Lien vers la page 2</a> ...
.rouge
{
color: red;
}
Ou pour le id : #rouge
{
color: red;
}
|
