This page has been robot translated, sorry for typos if any. Original content here.

Technologie CSS (feuilles de style en cascade)

Les feuilles de style en cascade (ci-après simplement - les styles ) sont conçues pour faciliter le travail des webmasters. Par exemple, lors de la création d'un site à partir de plusieurs pages, vous souhaitez que la mise en forme des éléments de page suive un certain modèle, ce qui ne vous obligerait pas à entrer des valeurs longues des attributs dans le code de chaque page. Un tel modèle est le style. Le principe général de les écrire est le suivant:

property_style1: valeur; property_style2: value; ....... property_styleN: valeur,

où les signes de ponctuation restants sont appliqués en fonction des propriétés de style.

Les propriétés des styles sont divisées en trois groupes.

  1. Trouvez une application lorsque vous avez besoin de formater un élément qui ne se répète nulle part ailleurs sur la page et qui est lié à un tag spécifique. Ce style est décrit comme suit: <TAG attribute1 = "value" ...... attributeN = "valeur" STYLE = "style_propriété1: valeur ... property_styleN: valeur">
  2. Utilisé pour décrire comment mettre en forme des éléments de page globalement avec un nom pour chaque style. Cette description est placée directement dans le code de la page - dans le conteneur <HEAD> à l'aide du conteneur <STYLE> . Voici un exemple: <HEAD> <STYLE type = text / css > .style_name { TD_style }. style_name { style_name } </ STYLE> </ HEAD> , où "type = text / css" est l'information requise, et TD est la désignation de l'étiquette à laquelle le style sera appliqué. Sous les mots " style_description " il est nécessaire de comprendre les différents paramètres de formatage de l'élément, qui peuvent être nombreux.
  3. Utilisé lors de l'application de styles en grandes quantités ou lorsqu'il y a plus de dix pages, représentant un fichier texte séparé avec l'extension. Un lien vers un tel fichier est spécifié dans le conteneur <HEAD> et a l'apparence suivante: <LINK HREF = " adresse_fichier / filename .css" TYPE = "text / css" REL = "stylesheet">, où TYPE et REL sont des attributs définissant le type fichier. En passant, vous pouvez également vous référer à un autre: @import url (" stylefile address / filename. Css").

Après avoir spécifié les styles dans la page ou fait un lien vers eux - vous pouvez les appliquer avec la participation directe des attributs <CLASS> ou <ID> sur les tags désirés. Exemple :

<TD CLASS = " style_name "> item_page </ TD> .

Il existe également deux autres façons d'appliquer des styles: la description des pseudo-classes et des pseudo-éléments.

Les unités de mesure en CSS sont notées dans:

  • pixels (px) - le point minimum sur l'écran
  • les paragraphes (pt) sont une unité de police (1 point = 1/72 po.
  • pics (pc) - 1 pic est égal à 12 points
  • pourcentage (%) - rapport à une autre valeur
  • millimètres (mm) et centimètres (cm) - aucun commentaire
  • pouces (pouces) - 1 pouce est égal à 2,52 cm

Dans les styles, comme dans tous les langages HTML, le modèle RVB est utilisé pour décrire la couleur.

Dans la spécification HTML 4.01 de ce langage, les feuilles de style en cascade doivent être utilisées partout , où elles peuvent être utilisées. Le consortium international W3C qui a approuvé cette spécification recommande l'utilisation de CSS (Cascading Style Sheets). D'autres méthodes sont marquées comme indésirables.

Les outils intégrés pour créer des feuilles de style en cascade de nombreux éditeurs HTML vous permettent de faire face rapidement et facilement à cette tâche. Cependant, n'ayant pas suffisamment de connaissances dans ce sens, le résultat sera le contraire.

Parmi le large choix d'éditeurs HTML dans lesquels il est possible de créer des feuilles de style en cascade, il est nécessaire d'en sélectionner des simples et compréhensibles - Macromedia HomeSite 5.0 avec son Top Style et Macromedia Dreamweaver MX 2004. Ce dernier sera meilleur pour les débutants.

Avant de passer aux éditeurs, nous vous recommandons fortement de transmettre des leçons théoriques sur ces liens.