Le CSS de la technologie (Cascading Style Sheets)

Cascading feuilles de style (ci - après dénommés simplement - styles) sont conçus pour faciliter le travail des Web-maîtres. Par exemple, la création d'un site à partir de plusieurs pages que vous souhaitez mettre en forme des éléments de page détenus par un motif particulier qui ne serait pas contraint une nouvelle fois d'entrer le code dans chaque page d'une des valeurs d'attribut longues. Et sont donc structurés styles. Le principe général de l'écriture est réduite à la séquence suivante:

svoystva_stilya1: valeur; svoystvo_stilya2: valeur; ....... svoystvo_stilyaN: valeur

où le reste de la ponctuation sont utilisés en fonction des propriétés de style.

Les propriétés des modèles sont divisés en trois groupes.

  1. Il est utilisé lorsque vous devez formater l'élément ne se répète nulle part ailleurs sur la page, et se rapportant à une étiquette particulière. Décrit ce style comme suit: <TAG atribut1 = "valeur" ...... atributN = "valeur" STYLE = "svoystvo_stilya1: ... valeur svoystvo_stilyaN: valeur">
  2. Ils sont utilisés pour décrire la façon dont les éléments de formatage de page attribuer globalement un nom pour chaque style. Cette description correspond directement dans le code de la page - dans un conteneur <HEAD> utilisant conteneur <STYLE>. Voici un exemple: <HEAD> <STYLE type = text / css> .imya_stilya opisanie_stilya {} TD. imya_stilya opisanie_stilya {} </ STYLE> </ HEAD >, où "type = text / css" - les informations obligatoires, et TD - désignation tag auquel le style sera appliqué. Par «opisanie_stilya» signifie différents éléments de mise en forme, qui peut être beaucoup.
  3. Utilisé dans l'application des styles en grandes quantités, ou quand il y a plus de dix pages, un échantillon d'un seul fichier texte avec l'extension .css. Un lien vers le fichier spécifié dans le conteneur <HEAD> et ressemble à ceci: <LINK HREF = "adres_fayla styles / filename Css" TYPE = "text / css " REL = "stylesheet">, où le TYPE et REL -atributy déterminer le type déposer. Par ailleurs, vous pouvez vous référer à, et de l'autre: url @import ( "adres_fayla styles / filename Css").

Une fois que nous signalons les styles dans la plupart page ou faire référence à eux - vous pouvez les utiliser avec la participation directe des attributs <Class> ou <ID> tag sur la droite. exemple:

<Td class = "imya_stilya"> element_stranitsy </ TD>.

Il y a aussi deux façons d'appliquer des styles - une description des pseudo-classes et pseudo-éléments.

Les unités sont désignées dans le CSS:

  • pixels (px) - le point minimum sur l'écran
  • les points (pt) - une unité de mesure de la police (1punkt = 1/72 pouces
  • pics (PC) - 1 pic est 12punktam
  • Pourcentage (%) - rapport à une autre quantité
  • millimètres (mm) et en centimètres (cm) - aucun commentaire
  • pouces (en) - 1 pouce est égal à 2,52 cm

Les styles, ainsi que dans le langage HTML, en décrivant le modèle de couleur applique le RGB .

La spécification HTML 4.01 des feuilles de style en cascade de la langue doit être utilisé partout, où ils peuvent avoir l'application. Un consortium international W3C, qui a approuvé la spécification recommande l'utilisation de CSS (Cascading Style Sheets). D'autres méthodes marqués comme spam.

Des outils intégrés pour créer des feuilles de style en cascade de plusieurs éditeur HTML permet de faire face rapidement et facilement avec cette tâche. Cependant, ne pas avoir suffisamment de connaissances dans ce sens - le résultat sera inversé.

Parmi la vaste gamme de HTML-éditeurs dans lesquels il est possible de créer des feuilles de style en cascade est de donner notre avis clair et simple - Macromedia HomeSite 5.0 avec son MX Top Style et Macromedia Dreamweaver 2004. Celui-ci sera mieux pour les débutants.

Avant de procéder à la rédaction recommande fortement de passer des études théoriques sur ces liens.