Welcome to DJ CCS

CSS c'est quoi ?

Et bien tout simplement une feuille de style.

Cascading Style Sheets = Feuilles de style en cascade

Introduit au milieu des années 1990, CSS est couramment utilisé et presque obligatoire aujourd'hui dans la conception de sites web.

La feuille de style appelée par exemple style.css est un fichier placé dans un dossier du site web. Il est ensuite appelé dans chaque page web avec cette instruction:

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

Exemple minimaliste de fichier CSS

        div#main
{
	width: 300px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

Avantages

• La séparation de la présentation et du contenu facilite la maintenance du site.
• Elle prépare son évolution future.
• La feuille de style clarifie le code et en facilite la lecture.
• Elle facilite la modification de la présentation ou du contenu.
• Elle optimise la présentation sur plusieurs pages.

 

On peut aussi définir un style individuellement pour un mot ou un paragraphe au sein de la page HTML

<p style="font-size: 12pt; color: #000080">Le texte</P>

 

On peut aussi incorporer à chaque page WEB (dans le fichier HTML) le style CSS dans un bloc placé entre les balises HEAD, il s'appliquera alors à cette seule page.

<style type="text/css">
        h1
{
	font-size: 24px;
	font-weight: bold;
	text-decoration: underline;
	color: #c89d59;
	background-position: left;
	padding-top: 20px;
}
</style>