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">
