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 appelées styles ) sont conçues pour faciliter le travail des webmasters. Par exemple, lors de la création d'un site Web à partir de plusieurs pages, vous souhaitez que les éléments de page soient formatés selon un modèle spécifique, ce qui ne vous obligera pas à saisir de longues valeurs d'attribut dans le code de chaque page. Les styles sont un tel modèle. Le principe général de leur écriture se résume à la séquence suivante:

style1: valeur; style_st propriété2: valeur; ....... style_styleN: valeur,

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

Par leurs propriétés, les styles sont divisés en trois groupes.

  1. Ils sont utilisés lorsque vous devez formater un élément qui ne se répète nulle part ailleurs sur la page et qui est associé à une balise spécifique. Ce style est décrit comme suit: <TEG attribut1 = "valeur" ...... attributN = "valeur" STYLE = "style_style1: valeur ... style_styleN: valeur">
  2. Ils sont utilisés pour décrire comment formater les éléments de page globalement et attribuer un nom à chaque style. Cette description est placée directement dans le code de page - dans le conteneur <HEAD> à l'aide du conteneur <STYLE> . Voici un exemple: <HEAD> <STYLE type = text / css > .name_style { description_style } TD . style_name { style_ description } </ STYLE> </ HEAD> , où "type = text / css" est une information obligatoire et TD est la désignation de la balise à laquelle le style sera appliqué. Sous les mots " description_style " devrait comprendre les différentes options de formatage de l'élément, qui peuvent être nombreuses.
  3. Utilisé lors de l'application de styles en grande quantité ou lorsqu'il y a plus de dix pages, représentant un fichier texte séparé avec l'extension .css . Le lien vers un tel fichier est spécifié dans le conteneur <HEAD> et se présente comme suit : <LINK HREF = " nom_de_la_formulaire / nom_fichier.css " TYPE = "text / css" REL = "la feuille de style">, où TYPE et REL sont des attributs qui définissent le type le fichier. En passant, vous pouvez vous référer autrement: @ import url (" stylesheet_address / filename_ccss ").

Après avoir spécifié les styles dans la page elle-même ou créé un lien vers ceux-ci, vous pouvez les appliquer avec la participation directe des attributs <CLASS> ou <ID> sur les balises nécessaires. Exemple :

<TD CLASS = " style_name "> élément de page </ TD> .

Il existe également deux autres méthodes pour appliquer des styles: la description de pseudo-classes et de pseudo-éléments.

Les unités de mesure en CSS sont indiquées en:

  • pixels (px) - le point minimum sur l'écran
  • paragraphes (pt) - unité de mesure de la police (1 point = 1/72 pouce)
  • pics (pc) - 1 pic correspond à 12 points
  • pourcentage (%) - relation à une autre valeur
  • millimètres (mm) et centimètres (cm) - pas de commentaire
  • pouces (pouces) - 1 pouce équivaut à 2,52 cm

Dans les styles, comme dans tout HTML, le modèle RVB est utilisé pour décrire les couleurs.

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 du 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 permettant de créer des feuilles de style en cascade de nombreux éditeurs HTML vous permettent de gérer cette tâche très rapidement et facilement. Cependant, ne disposant pas de connaissances suffisantes dans ce sens, le résultat sera le contraire.

Parmi la vaste sélection d'éditeurs HTML offrant la possibilité de créer des feuilles de style en cascade, il convient de souligner, à notre avis, simple et claire - Macromedia HomeSite 5.0 avec Top Style et Macromedia Dreamweaver MX 2004. Ce dernier sera meilleur pour les débutants.

Avant de passer aux éditeurs, nous vous recommandons vivement de suivre des cours théoriques sur ces liens.