Css & mouseover efeitos

Antes de compreensão e implementação do código CSS para efeitos mouseoever, é importante para determinar o IDE adequada (Integrated Development Environment) a ser usado para programar o código. Um IDE que suporta destaque de sintaxe e conclusão tag preditivo é útil se você estiver trabalhando em web projeta uma quantidade significativa. No entanto, os indivíduos que não exigem uma grande variedade de recursos pode facilmente usar um editor de texto simples como o Notepad, que está incluído com o sistema operacional Windows. O IDE fornece as ferramentas necessárias para o programa, salve e muitas vezes carregar as alterações que são feitas sobre CSS eo mouse correspondente sobre os efeitos.

Compreender a estrutura CSS é importante para a implementação de efeitos mouseover. CSS contém uma série de selectores, que pode ser usado com elementos diferentes (links, texto, etc.) para especificar uma propriedade específica estilística. sintaxe CSS típica envolvendo selectores envolve o elemento, seguido pelo selector, que é seguida por um conjunto de suportes contendo a informação modelo. Ao trabalhar com ligações mouseover, a ":flutuar" selector é comumente utilizado, no que se refere ao estilo de mudanças que ocorrem no mouseover. sintaxe CSS típica envolvendo selector, elemento e propriedade seria a seguinte:

a: hover {// A "uma" elemento que específica uma ligação, seguido pela ":flutuar" selector.
text-color: azul- // A propriedade específica, neste caso, uma mudança na cor do texto para azul.
}

efeitos mouseover simples típicos envolvendo mudando a cor do texto do link no mouseover, o que é muito comum em sistemas de menu site. Alterar a cor do texto no mouseover dá aos usuários um feedback visual instantânea de que eles têm pairado sobre um link. Este efeito pode fazer um site mais interativo uma atraente. Para implementar este efeito mouseover simples, o ":ligação" selector é utilizado para indicar a cor da ligação sob condições normais, enquanto o ":flutuar" seletor é usado para especificar a cor do link em mouseover. sintaxe CSS é usado:

a: link {
text-color: white-
}

a: hover {
text-color: azul-
}

Neste código, em condições normais a cor de fundo link será branco. No entanto, quando há um rato pairar sobre no link, a cor de fundo link será azul. Estas mudanças de estilo podem ser modificadas conforme necessário.

A combinação de várias alterações estilísticas desencadeadas por um evento mouseover é útil para criar mais complexas alterações visuais. Muitos sites fazem uso desta possibilidade, tendo mouseovers desencadear mudanças em muitas propriedades de estilo. Por esse entendimento ea sintaxe CSS, existem muitas formas possíveis de personalizar efeitos mouseover para sites sepcific. Um exemplo a seguir demonstra essa propriedade:

a: link {
cor azul-
background-color: white-
}

a: hover {
cor branca-
background-color: azul-
}

Neste exemplo, em condições normais o link é azul com um fundo branco, enquanto que em um mouse pairar sobre, o link é branco com um fundo azul. Alterando as propriedades e elementos envolvidos nestas mudanças podem permitir muito espaço para personalizar um site.