Les partenaires publicitaires:

Définition d'un document de CSS3

Un document de CSS3 est une feuille de style en cascade qui spécifie comment l'information de format HTML associés documents affiche. Sa définition inclut beaucoup plus de fonctionnalités que les versions précédentes de CSS. En plus des fonctions graphiques supplémentaires, CSS3 vous permet de sélectionner plusieurs balises HTML et de définir comment ils affichent sur une page Web. La structure modulaire de CSS3 permet une libération progressive de nouvelles fonctionnalités, et permet de mettre à jour les navigateurs dans les stades pour soutenir les dernières définitions.

  1. Boîtes et Ombres

    • CSS 3 permet de créer des boîtes ou d'autres éléments avec des coins arrondis et des ombres portées. L'attribut "border-radius: 10px" arrondit les coins d'une boîte à un quart de cercle d'un rayon de dix pixels. L'attribut "box-shadow: 3px 3px 2px bleu" crée une ombre portée pour la boîte. L'ombre est déplacé par 3 pixels verticaux et trois pixels horizontalement. Il dispose d'une flou de 2 pixels et la couleur bleue. Le même attribut, appliqué au texte que "text-shadow 1px 1px rouge" donnera une ombre rouge sans aucun flou déplacées par 1 pixel.

    • Transitions




      • Une autre caractéristique de la définition de CSS3 est la "transition" attribuer. Il permet l'animation d'un graphique de site web par la transition d'une image à l'autre. Normalement, quand un objet est modifié, par exemple en réponse à un curseur planant sur elle, le changement est instantané. Avec la transition attribut le concepteur peut contrôler le changement. La syntaxe "5s de couleur de transition facilité dans 1s" signifie que la couleur de l'objet change après un délai d'une seconde. Le changement se produira plus de 5 secondes la durée et facilitera-in, ce qui signifie que le changement va commencer lentement et l'accélérer. Alternatives sont la facilité-out, ce qui signifie un linéaire Terminer-lente, ce qui signifie un changement et la facilité stable, ce qui signifie un lent départ et d'arrivée.

      Sélecteurs

      • Les sélecteurs permettent à un concepteur d'appliquer des attributs aux éléments sélectionnés. CSS comprend une grande variété de sélecteurs dans sa définition mais CSS3 ajoute plusieurs nouvelles pour déterminer les attributs de certains éléments d'une série. Ce sont les enfants de première et dernière enfant sélecteurs. Par exemple, la syntaxe pour colorer le premier élément d'une liste rouge, est "li: first-child {color:} rouges," où "li" est l'élément d'un élément dans une liste. Ces sélecteurs peuvent modifier d'autres attributs, tels que le centrage du dernier paragraphe sur une page. La syntaxe est "p: last-child {align: center}," où p est l'élément de parapraph.

      Dégradés

      • Une autre nouvelle fonctionnalité de la définition de CSS3 est la possibilité de spécifier des gradients de couleurs plutôt que de milieux seule couleur. Designers autrefois créé des images avec des gradients et les a placés comme arrière-plan. Avec gradients CSS3, il est possible de simplement spécifier deux couleurs et les faire changer facilement de l'un à l'autre à l'arrière-plan de la page Web. La syntaxe "fond: linear-gradient (jaune, blanc) -" donne un gradient horizontal à partir de jaune en haut et à la décoloration en blanc.

    » » » » Définition d'un document de CSS3