Formativanie pseudo bloc et pseudo

unité Formativanie

Bloc en feuilles de style en cascade est considéré comme un fragment de la page, ou son volume total placé dans les <P> Conteneurs <DIV> et <BODY> (si la page dans son ensemble). l'unité de mise en forme est en train de changer ses paramètres tels que la largeur du bloc et de la hauteur, les marges extérieures et intérieures de ses frontières, l'attribution de la couleur et l'apparence des lignes individuelles (limites) et le contexte général.

dimensions de bloc dans le style spécifié dans la largeur et la hauteur, mais en même temps, comme partout dans ces cas , vous ne pouvez pas utiliser des valeurs négatives. Dans certains cas, la conception de pages nécessaire d'avoir recours à une taille de bloc variable. Pour ce faire dans le CSS comprend des propriétés min-width, min-height (largeur minimale et la hauteur de l'unité) et max-Largeur / max-height (valeurs maximales).

padding externe de l'unité dicter les paramètres: la marge (même indentation), la marge gauche (seul le retrait à gauche), la marge droite (tiret à droite), margin-top (marge supérieure) et la marge inférieure (marge inférieure). propriété padding même est utilisé (rembourrage intérieur de l'unité).

Lors du réglage du fond que vous souhaitez appliquer le bloc div propriété background-color, le choix des valeurs qui ne sont pas distinguer de l'utilisation générale des couleurs. Si vous souhaitez utiliser comme arrière - plan d'une image, puis utilisez la propriété background-image, et la valeur de l'adresse et sélectionnez le nom de fichier d'image souhaité. Limiter la répétition des images en arrière - plan, vous pouvez bloquer la propriété background-repeat et ses valeurs: repeat-x (répétition de l'axe X), repeat-y (axe Y) et no-repeat (sans répétitions). Si nécessaire, fixer l'image d'arrière - plan, de sorte qu'il reste stationnaire lors du défilement en utilisant la valeur fixée dans la propriété background-attachment.

Pour modifier le champ d'application des paramètres de bloc des propriétés sont utilisées, en commençant par le mot BORDER. Donc , en utilisant la frontière-largeur peut être définie les mêmes valeurs pour les quatre limites de blocs, et dans les valeurs de border-left-width, border- right-width, border-top-width et border-bottom-width décrit une limite spécifique. Dans une représentation similaire applique: border-color (structure de bloc de lignes de couleur) et border-style (type de lignes externes). A propos de cette dernière propriété est nécessaire d'ajouter qu'ils ont peu, nous inexploré valeurs:

  • solides, rainure, crête, doubles - cadres de ligne sont solides, bosselée, bombée et double, respectivement.
  • encart - pack est complètement enfoncé.
  • départ - vue Surround du bloc.
  • none - pas de lignes.

De ce qui précède, on peut supposer que le style de bloc peut être la suivante:

.box {width: 200px; hauteur: 100px; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 15px; padding: 5px; border-width-gauche: 1px; border-width-right: 0px; border-width-top: 0px; border-width-bottom: 5px; border-color: # 202020; border-style: solide}

Formatage et pseudo-pseudo

Cette catégorie comprend les éléments de Web-pages, qui sont difficiles à attribuer aux éléments habituels. Pseudo it - liens, premier enfant et lang (langue). La spécification CSS 2.0, ils sont décrits comme:

  • a: link - caractéristiques des liaisons régulières.
  • a: actifs - propriétés de lien actif.
  • a: visited - visité propriétés du lien.
  • a: hover - propriétés de lien lorsque vous passez la souris dessus.
  • a: focus - les liens de propriété avec un accent
  • first-child - sélectionne le premier élément parmi les suivants.
  • lang - éléments en fonction de l'utilisation des langues sur la page de formatage.

La feuille de style en cascade utilise les mêmes valeurs pour le formatage des références à un texte normal. Dans la description de l'autre dans le CSS pseudo-symbole pour indiquer leurs valeurs ">".

Par pseudo-styles sont les propriétés:

  • first-letter - formate le premier caractère de la première ligne.
  • première ligne - est attribué un premier format ligne distincte du bloc de texte.
  • après - désigner l'emplacement de l'objet après l'élément courant.
  • avant - désigner l'emplacement de l'objet à l'élément courant.