Admin

Menu

/ Accueil / HTML/CSS / Partie 2 : CSS

< Introduction au CSS />
// Ecrit le 08/12/2010 à 07:30:42 par Arthezius

Article Commentaires

Le langage CSS (Cascading Style Sheets) est dédié à la mise en forme d'une page web. C'est avec ce langage qu'on va positionner les éléments et en modifier l'apparence.

<!-- Utilisation -->
Il y a plusieurs manière d'utiliser ce langage:
- En positionnant le script directement sur les balises,
- En le positionnant entre les balises <style></style>,
- En utilisant un fichier .css

<!-- Styles embarqués -->
Voici un exemple de style embarqué:

<p style="font-size:12px;font-weight:bold;">Texte</p>


Le code se place dans l'attribut style="".

<!-- Balise <style></style> -->
Autre manière d'utiliser le code, en la plaçant entre les balises <style></style>. Celles-ci se place entre les <head></head>.
Pour rattacher le code à une balise html, il faudra définir une classe ou un id.
Exemple:

<p class="texte">Texte</p>


Une classe peut être utiliser sur plusieurs balises sur une même page alors qu'un id ne peut être utiliser qu'une seule fois.
Une balise html peut avoir une classe ET un id.
Exemple:

<p class="texte" id="legend">Texte</p>


Le code CSS:

<style type="text/css">
p.texte{
font-size:12px;
font-weight:bold;
}
</style>


A noter
p.texte{} correspond à la classe texte.
p#texte{} correspond à l'id texte.

<!-- Fichier CSS -->
Il est également possible de lier un fichier .css à la page.
Code à mettre entre les balises <head></head>:

<link rel="stylesheet" type="text/css" media="all" href="style.css" />


Dans le fichier .css, il suffit d'y mettre directement le code:

p.texte{
font-size:12px;
font-weight:bold;
}

Bookmark and Share

Retour / - Haut de page

Site créé par Arthezius © 2008-2017