Css & mouseover effets

Avant la compréhension et la mise en œuvre du code CSS pour les effets mouseoever, il est important de déterminer le bon IDE (Integrated Development Environment) à utiliser pour programmer le code. Un IDE qui prend en charge la coloration syntaxique et prédictive tag achèvement est utile si vous travaillez sur le web projette une quantité importante. Toutefois, les personnes qui ne nécessitent pas un large éventail de fonctionnalités peuvent facilement utiliser un simple éditeur de texte tel que le Bloc-notes, qui est inclus avec le système d`exploitation Windows. L`IDE fournit les outils nécessaires pour programmer, enregistrer et télécharger souvent des changements qui sont faits en ce qui concerne CSS et la souris correspondante sur les effets.

Comprendre la structure de CSS est important pour la mise en œuvre des effets mouseover. CSS contient un certain nombre de sélecteurs qui peuvent être utilisés avec divers éléments (liens, texte, etc.) pour spécifier une propriété de style spécifique. syntaxe typique CSS impliquant sélecteurs implique l`élément, suivi par le sélecteur, qui est ensuite suivie d`une série de crochets contenant les informations de style. Lorsque vous travaillez avec des liens mouseover, la ":flotter" sélecteur est couramment utilisé, en ce qui concerne le style de changements qui se produisent sur mouseover. syntaxe CSS typique impliquant sélecteur, élément et la propriété serait la suivante:

a: hover {// La "une" élément spécifique d`une liaison, suivi du ":flotter" sélecteur.
text-color: bleu- // La propriété spécifique, dans ce cas, un changement de la couleur du texte en bleu.
}

effets mouseover simples typiques impliquant changer la couleur du texte de lien sur mouseover, qui est très commun dans les systèmes de menu du site. Modification de la couleur du texte sur mouseover donne aux utilisateurs un retour visuel instantané qu`ils ont plané sur un lien. Cet effet peut rendre un site Web plus interactif un attrayant. Pour mettre en œuvre cet effet mouseover simple, le ":lien" sélecteur est utilisé pour spécifier la couleur du lien dans des conditions normales, tandis que le ":flotter" sélecteur est utilisé pour spécifier la couleur du lien sur mouseover. syntaxe CSS est utilisé:

un lien {
text-color: blanc-
}

a: hover {
text-color: bleu-
}

Dans ce code, dans des conditions normales, la couleur de fond de lien sera blanc. Cependant, quand il y a une souris survolez sur le lien, la couleur de fond de lien sera bleu. Ces changements stylistiques peuvent être modifiés si nécessaire.

La combinaison de multiples changements stylistiques déclenchées par un événement mouseover est utile pour créer des changements visuels plus complexes. De nombreux sites font usage de cette possibilité, ayant mouseovers déclenchent des changements dans de nombreuses propriétés de style. En comprenant cela et la syntaxe de CSS, il y a plusieurs façons possibles pour personnaliser les effets mouseover pour les sites Web sepcific. Un exemple ci-dessous illustre cette propriété:

un lien {
couleur bleue-
background-color: blanc-
}

a: hover {
couleur blanche-
background-color: bleu-
}

Dans cet exemple, dans des conditions normales, le lien est bleu avec un fond blanc, tandis que sur une souris planer au-dessus, le lien est blanc avec un fond bleu. Modification des propriétés et des éléments impliqués dans ces changements peuvent permettre beaucoup de place dans la personnalisation d`un site Web.