Logo


Xanetiz > Programmation > L'essentiel du CSS

Top

L'essentiel du CSS

L'essentiel du CSS


8 530 vues

Partager

Définir une propriété

Le CSS est un langage qui permet de mettre en forme le contenu sur un site. Il permet de s'occuper de la mise en page et donc de l'esthétique. Pour ça, il faut utiliser des propriétés et des valeurs. Par exemple, cette propriété permet de rendre un texte gras :

font-weight:bold;

font-weight est la propriété et bold la valeur.

Vous pouvez retrouver une liste de la plupart des propriétés CSS ici.

Attribuer un style

Pour attribuer un style à une balise, ça peut se faire de deux façons. Soit en déclarant le nom de la balise soit en utilisant un id ou une classe (l'id est unique contrairement à la classe). Par exemple :

<span id="gras">Texte</span>

Pour mettre ce texte en gras, si je passe par l'id :

#gras{
font-weight:bold;
}

Si je passe directement par la balise, il faut remplacer #gras par le nom de la balise. Si gras était une classe, il aurait fallu utiliser l'attribut de cette façon : class="gras" et utiliser un point à la place du dièse comme ceci : .gras

Insérer du style CSS

Il y a trois façons d'insérer du code CSS. Directement dans la balise avec l'attribut style :

<span style="font-weight:bold">Contenu</span>

Avec la balise style et l'attribut type à placer entre les balises head :

<style type="text/css">
span{
font-weight:bold;
}
</style>

La dernière façon, la plus utilisée, c'est de créer une feuille de style externe portant l'extension .css, contenant toutes les propriétés, à insérer en plaçant cette ligne de code entre les balises head :

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

Dans ce cas, la feuille de style porte le nom style.css.

Pour résumer

Titre Vu Date
Les pointeurs en C Les pointeurs en C 9 063 13/02/10
Bloquer le clic droit sur un site web Bloquer le clic droit sur un site web 10 641 23/03/10
L'essentiel du langage C L'essentiel du langage C 19 094 14/03/10
Utiliser un IDE pour programmer Utiliser un IDE pour programmer 7 888 25/02/10
L'essentiel du langage PHP L'essentiel du langage PHP 13 793 14/03/10

StatistiquesNombre d'inscrits : 262
Dernier membre : Clyderar
Visiteurs en ligne : 5
Membres en ligne : Aucun

Copyright © 2022 Xanetiz.com - Tous droits réservés

Hebdotop