VOIZYTOO.COM annuaire Multimédia depuis 1999 | home | plan | contact | proposer site | 31.01.2006 13:14

présente
SES TUTORIELS POUR WEBMASTER
VOIZYTOO.com présente ses tutoriels pour WEBMASTER
ACCUEIL | DHTML |JAVASCRIPT | DREAMWEAVER | STYLE | PHP | MYSQL | ASP | LIBRE |FLASH |VIDEO NUMERIQUE | SITE PERSO | APACHE | IIS | PLUGINS | ABOUT | COPYRIGHT | RESSOURCES | FORUM | RECHERCHE DOCUMENTAIRE | CONTACT


Le DHTML est la combinaison du HTML 4.0 des langages de script, comme javascript, et des feuilles de style (CSS)
Les feuilles de style (CSS-Cascading Style Sheets) permettent de dissocier la structure du contenu d'un document HTML. Elles définissent les styles typographiques d'une page Web et il suffit alors de modifier un style pour que tous les éléments mis en forme s'en trouvent modifiés. Il n'est plus nécessaire d'utliser les balises de mise en forme du HTML (FONT par exemple).

Une feuille de style peut-être déclarée selon quatre méthodes:

* directement dans une balise HTML

<h5 STYLE="text-align:right;font-size:12px;color:#FF3333"> comme ceci </h5>

comme ceci

Mais dans la suite de la page, un autre texte mis en forme à l'aide de l'En-tête 5 n'utilisera pas ce style.

* en tant que feuille de style globale

Cette feuille de style est définie dans l'en-tête du fichier HTML et affecte l'ensemble du document

<HEAD>
<STYLE type="text/css">
h6{text-align:left;font-size:18px;color:#3333FF}
</STYLE>
</HEAD>

<h6>comme cela</h6>

comme cela

dans l'ensemble du document tous les textes mis en forme à l'aide de l'En-tête 6 auront cette présentation, contrairement à la méthode précédente.

on peut aussi aussi attribuer des règles de présentation (ou classe) à un style que l'on crée, on obtient un sélecteur que l'on peut associer à n'importe quel élément du corps du document

<HEAD>
<STYLE type="text/css">
.signature{text-align:right;font: italic arial 14px;color:#9933FF}
</STYLE>
</HEAD>

Un point précède obligatoirement le nom de la classe, par contre le sélecteur a pour nom signature sans point, voici un exemple d'utilisation

<p class="signature"> Voizytoo.com </p>

Voizytoo.com

* par un lien vers une feuille de style externe

Dans ce cas la feuille de style est un simple fichier texte avec l'extension .css

Contenu du fichier styletutoriel.css placé dans le sous-dossier nommé css

.titre{text-align:left;font: bold arial 20px;color:#000000;margin-left:30px}

Appel de lien dans l'en-tête du document HTML

<HEAD>
<LINK type="text/css" REL="stylesheet" href="css/styletutoriel.css">
</HEAD>

Ce style a été appliqué aux trois titres des trois méthodes exposées ci-dessus

<p class="titre">* par un lien vers une feuille de style externe</p>

* par l'utilisateur dans les préférences de son navigateur

Un utilisateur peut fixer ses propres règles pour toutes les pages qu'il visite et ces choix seront prioritaires par rapport aux autres.
L'application de ces règles dépend du navigateur utilisé, certains peuvent même utilisé une feuille de style sous forme de fichier .css

Ces différentes méthodes peuvent être appliquées simultanémentet se contredire ou se compléter. Il y a deux règles la cascade et l'héritage.
La cascade: c'est la dernière règle lue qui s'applique.
Les feuilles de style de l'utilisateur sont prioritaires sur les règles definies dans les feuilles de style interne et externe.
En cas de conflit entre une règle interne et une autre externe, la priorité est donnée à la règle déclarée en dernier. Il est possible de modifier cette situation en déclarant une règle comme importante.

<HEAD>
<STYLE type="text/css">
h6{text-align:left;font-size:18px;color:#3333FF !important; }
</STYLE>
</HEAD>

L'héritage: si au dans une règle, il ya des déclarations à différents niveaux de la cascade, les déclarations qui ne sont pas contradictoires seront héritées. Cette règle de l'héritage permet d'utiliser une feuille de style externe pour assurer une cohérence au niveau de la charte graphique et une feuille de style interne pour personnaliser certaines pages.

4 mai 2004

© 2004 - Page sous licence OpenContent version 1.0. wm@voizytoo.com

 
Haut de page
VOIZYTOO.COM about copyright contact partenaires plan du site fonctionnement Copyright © 1999-2006 voizytoo.com. tous droits réservés
ACCUEIL | DHTML |JAVASCRIPT | DREAMWEAVER | STYLE | PHP | MYSQL | ASP | LIBRE |FLASH |VIDEO NUMERIQUE | SITE PERSO | APACHE | IIS | PLUGINS | ABOUT | COPYRIGHT | RESSOURCES | FORUM | RECHERCHE DOCUMENTAIRE | CONTACT