Qu'entend-on par style: C'est d'abord du dessin (design).
Dans vos pages vous mettrez du texte qui fera partie du contenu. Des images ou d'autres fichiers comme les lecteurs vidéo ou audio feront partie du contenu. Le style aidera donc au contenant pour les dispositions des blocs, leurs tailles, les couleurs du texte et d' arrière-plans, bordures, les polices de caractères .... etcetera)
Certains pensent que seulement CSS peut faire cela. En réalité le style peut s'appliquer à une seule page ou même un paragraphe, une ligne, une phrase,un mot, une lettre  Style pour tout un site | Les feuilles de styles en cascades
Les "Cascading Style Sheets"
CSS sont faîtes pour ça. Il s'agit d'un fichier texte avec l'extention .css qui sera placé à la racine du site. Fichier contenant les informations qui pourront être données à toutes les pages. Un lien, placé dans la partie HEAD de chaque page appelant ce fichier CSS
sous la forme
<link rel="stylesheet" media="screen" type="text/css" href="url_du_fichier.css"> |
| Style pour une seule page | Ce sont des informations comprises dans le HEAD de la page qui seront transmises directement dans cette même page
Parfois pour sortir des CSS d'un éditeur WySiWyG ou simplement pour changer de design dans une ou plusieurs pages de votre blog
Exemple la déclaration très simple pour l' attribut STYLE dans la page http://www.wubijacq.com/telechargements/uft-8.html
<style type="text/css">
body {
font-family: Georgia, "Times New Roman",
Times, serif;
color: darkblue;
background-color: lightcyan }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
div{
margin:0 auto;width:770px;}
</style> |
| Le style n'importe où dans vos pages | Est aussi appelé style inline
Appliqué à la balise DIV
Se place dans la partie BODY de votre page.
<div style=
"font-family: arial,sans-serif;
font-weight:bold;
font-size:15pt;
color:white;
background-color: red; ">avec la balise DIV</div>
Ce qui donne avec sans-serif qui signifie:sans empattement
avec la balise DIV
Appliqué à la balise SPAN
Se place également dans la partie BODY de votre page
<span style=
"font-family: georgia, times, serif;
font-weight:bold;
font-size:15pt;
color:yellow;
background-color: blue ; ">avec la balise SPAN </span>
Ce qui donne avec la même taille:15pt une couleur de texte jaune:color:yellow-une couleur d'arrière -plan bleue:background-color:blue - une fonte avec serif: avec empattement et toujours en gras:bold
avec la balise SPAN
Ainsi vous pouvez appliquer du style à la balise A
Pour qu'un lien ne soit pas souligné et apparaisse en vert:
<a style="text-decoration:none;color:green" href="url"</a>
Appliquer du style à la balise TD |
|
| |
