Vous êtes ici: Accueil / Informatique / Site Web / Astuce CSS

astuce css

Nous vous parlerons de quelques astuces CSS. Dans certain cas en fonction des navigateurs, la règle CSS appliquée ne fonctionne pas ou est mal interprétée.

Les différentes règles proposées ont été vérifiées sous W3C.

Rappel

Le CSS (Cascading Style Sheets) permet de réaliser des mises en forme de votre page web. Je m'explique. Au début, vous saisissez dans un premier temps le contenu de votre page. Ensuite vous appliquez une mise en forme. Titre , Couleur, Marge, Cadre, ... Enfin bref, le look de votre feuille.

Pour cela vous allez utiliser le CSS.

 

Principe

Le CSS est un language de programmation spécifique. Un outil Edition Règle CSS est intégré pour ceux qui utilisent Dreamweaver. Sinon, vous pouvez utiliser votre éditeur de texte préféré .

Le programme de votre CSS peut se placer dans plusieurs endroits.

Directement dans votre page web

Il est encadré par <style type="text/css">...</style>

et ce place dans le header de votre page.

Exemple:

<style type="text/css">
body {      
	scrollbar-arrow-color: #d3dfe4;   
   scrollbar-base-color: #FFFFFF; 
   text-align: left; 
   background-image: url('images/am-novice/monimage.gif');  
}

</style>

 

Dans un fichier extérieur

Prenons pour exemple un fichier CSS: style.css.

Ce fichier comprendra toutes vos règles CSS.

De la même façon, il faut le placer dans le header.

Exemple:

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

Vous avez remarquez le mot media en fin de ligne. Il permet de définir l'affectation de votre CSS.
screen pour écran
print pour imprimante.....

 

Dans la balise

On peut également placer une règle CSS au niveau de la balise.

Exemple:

<body text="#000000">  

ou plus complexe

<table border="0" cellspacing="0" cellpadding="0" width="97%" bgcolor="#86a9b6" align="center">