Cómo trabajar con los selectores de sucesos css3
La mayoría de los cambios CSS3 son estáticos - usted pide el navegador para buscar etiquetas específicas, atributos o patrones. Sin embargo, selectores de sucesos eligen objetos en función de un evento en particular, como un ratón por encima.
Cuando el usuario pasa el puntero del ratón sobre un objeto, cambios de formato del objeto para significar que se ha producido el evento. Cuando el usuario mueve el puntero del ratón fuera del objeto, el formato vuelve a la normalidad. La siguiente lista le informa acerca de selectores de sucesos que los documentos utilizan comúnmente.
: hover: Selecciona un objeto cuando el puntero del ratón sobre él. Desarrolladores suelen utilizar esta función para mostrar que se selecciona un elemento o para visualizar detalles sobre un objeto. Usted ve esta característica se utiliza muy a menudo con sistemas de menú para mostrar los elementos del submenú.
:atención: Selecciona un objeto cuando el objeto tiene la entrada (teclado) enfoque. Se usa comúnmente con formas de mostrar qué campo se ha seleccionado para la entrada. Un uso interesante de este selector es mostrar el campo seleccionado en una fuente de mayor tamaño para hacer la entrada más fácil.
Selectores de eventos son muy útiles porque se puede utilizar para hacer que aparezca la página está interactuando con el usuario sin necesidad de escribir ni una línea de código. Todo sucede como parte de un estilo. El procedimiento siguiente muestra una manera de utilizar selectores de sucesos para producir un efecto visual.
Cree el Archivos ExternalCSS.HTML y ExternalCSS.CSS y copiarlos a una carpeta nueva.
ExternalCSS.CSS Abrir.
Escriba el siguiente código después de los estilos existentes y guardar los cambios en el disco.
p: hover, h1: hover {text-decoration: none; font-family: "Arial", sans-serif-font-size: xx-grande-color: Blueviolet-background-color: ciruela}Actualizar la página de prueba.
Pase el puntero del ratón sobre el texto del párrafo.
Usted ve el efecto de hacer el cambio de estilo. El estilo de los cambios en el texto para que coincida con los criterios de selección.
Coloque el mouse sobre el texto del encabezado.
El texto del párrafo vuelve a la normalidad y el texto del encabezado ahora coincide con los criterios de selección. Puede utilizar este método con un objeto en la pantalla y hacer cualquier tipo de cambio deseado.
¿Cómo cambiar el css de un elemento en css3 La librería jQuery para CSS3 se utiliza sobre todo para llevar a cabo este tipo de caso, pero las tareas de bajo nivel. Puede, sin embargo, utilizar jQuery para realizar algunas tareas más elegantes incorporando CSS. Hay un método .css real ()…
¿Cómo crear una interfaz de tamaño variable en css3 La gran variedad y tipos de pantallas que se utilizan para mostrar la información hacen que sea necesario que sus comandos CSS3 permiten al usuario cambiar el tamaño de los elementos según sea necesario. En la mayoría de casos, basta con que el…
¿Cómo crear una interfaz seleccionable en css3 Por lo que es posible seleccionar de una lista de artículos en CSS3 reduce la posibilidad de que el usuario introduzca la información incorrecta. Afortunadamente, HTML5 ya viene con una serie de controles de selección, pero es posible que estos…
Cómo crear estilos externos en css3 La mayoría de los desarrolladores utilizan estilos externos en CSS3 para reducir la cantidad de trabajo necesario para mantener un sitio. Un solo archivo .CSS contiene todos los estilos para el sitio, lo que significa que el cambio de un estilo de…
Cómo diseñar fondos en css3 La mayoría de las páginas se mire tienen algún tipo de fondo. El siguiente procedimiento muestra cómo agregar un fondo utilizando CSS3, que se puede utilizar para hacer que su página web se vea más atractivo para el visitante.Cree el Archivos…
Cómo seleccionar elementos con jQuery en css3 Puede usar jQuery para realizar una amplia gama de selecciones de objetos en su aplicación CSS3, pero en su mayor parte, a utilizar los selectores básicos. Puedes leer más sobre ellos en jQuery. Aquí hay una lista de selectores básicos que…
Cómo el estilo de párrafos, encabezados y pies de página con css3 Cuando se diseñará párrafos, encabezados y pies de página, la mayoría del trabajo se puede lograr de forma automática mediante la creación de estilos de etiquetas Redefinir para el etiqueta y sin embargo muchas etiquetas de título que va a…
Cómo el estilo de listas y tablas con css3 Listas y tablas de estilo es un poco diferente de styling contenido en el cuerpo de la página, ya que ambas listas y tablas tienen etiquetas específicas que pueden ser redefinidas para controlar cómo el contenido se encuentra dentro de esas…
Cómo utilizar el selector: no () en css3 En algunos casos, es más fácil para seleccionar objetos en CSS3, según las características que ¿no tiene - para hacer esto usted puede utilizar una: no (selector). Por ejemplo, es posible que desee cambiar el formato de cada objeto que no está…
¿Cómo trabajar con los selectores de patrón css3 En algunos casos, una selección que necesita realizar en CSS3 tiene nada que ver con cualquiera de las etiquetas o atributos, pero el patrón en el que los objetos aparecen en la página. Por ejemplo, es posible que desee seleccionar sólo el…
¿Cómo trabajar con selectores de atributos CSS3 Dentro de muchas etiquetas son atributos que describen propiedades de la etiqueta. Dos atributos comunes son el identificador de etiqueta (id) y clasificación CSS (clase). Sin embargo, CSS3 hace posible seleccionar objetos por cualquier atributo…
¿Cómo trabajar con los selectores de estado en css3 Hay algunas situaciones en las que el estado dinámico de un objeto es importante en el formato en CSS3. El uso de selectores de estado puede ayudar a un usuario a determinar cuando se hayan alcanzado los objetivos o una característica particular…