Blog de Notas sobre Temas Introductorios al Desarrollo Web: HTML y CSS

Para conseguir que algunos enlaces cambien de color cuando ya estuviste en esa página, cuando los mantienes pulsados o se modifica su estilo cuando pasas el ratón por encima de ellos se utiliza el carácter “:”   El estado :link , solo aplicable a enlaces, modifica el estilo por defecto de aquellos hipervínculos no visitados a los que se aplique la regla. El estado :visited se aplicará a los hipervínculos visitados, es el selector complementario a :link. El estado :hover modifica el estilo cuando el puntero del ratón está sobre un elemento al que se le aplica la regla. Importante : En caso de enlaces, es muy importante declarar :hover después de :link y :visited, en caso de que existan, para que :hover funcione correctamente. El estado :active se aplica a enlaces que están siendo pulsados. Normalmente no mantenemos pulsado un hipervínculo, puesto que su principal utilidad es la navegación, pero es posible definir enlaces sin destino para casos particulares como pue...

El selector universal se representa mediante un asterisco * .   Cuando se incluye en una regla, el selector universal selecciona todos los elementos . Muchos expertos desaconsejan su uso ya que es difícil tenerlo bajo control y puedes estar aplicando estilos sin darte cuenta. El selector universal se aplica a veces para inicializar todos los elementos de una página web a un mismo estado, por ejemplo establecer el margen y el relleno de todos los elementos en seis píxeles.   Fuente: Activate, Google España      

Existen cuatro selectores básicos fundamentales en CSS: Selector de tipo Selector de clase Selector descendente Selector de identificador 1) S elector de tipo : también es conocido como selector de elemento o selector de etiqueta . Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del selector . El siguiente ejemplo selecciona todos los párrafos de la página: p { ... }   Para utilizar este selector, solamente es necesario indicar el nombre de una etiqueta HTML (sin los caracteres < y > ) correspondiente a los elementos que se quieren seleccionar. Este selector hace referencia a todos los elementos o etiquetas de un mismo tipo. Para seleccionar una etiqueta, hacemos referencia a esa etiqueta en nuestro código CSS. El selector de tipo es muy poco específico : se aplicará a todas las etiquetas del tipo elegido que se incluyan en el código CSS. 2) Selector de clase : es una de las soluciones más sencil...

La miga de pan consiste en una línea de texto en la que se indica el recorrido seguido y la forma de regresar . Permite que el usuario conozca la ruta de su ubicación en directorios y subdirectorios, y navegue a través de ella. Es una técnica de navegación usada en muchas interfaces gráficas de usuario , además de páginas web. Las migas de pan suelen aparecer de manera horizontal al principio de una página web . Pulsando sobre los enlaces que los forman, el usuario puede volver a recorrer el camino que le ha llevado a la página en la que se encuentra. Tienen un aspecto similar al siguiente: Página→sección→subsección. Es una técnica que facilita la navegación en un sitio web, para que los usuarios encuentren rápidamente lo que buscan y para que los motores de búsqueda puedan rastrear eficazmente el sitio. Fuentes: Activate, Google España wikipedia  

Estos son atributos de contenido incluidos en HTML5 para el elemento “input” que pueden ser utilizados en formularios HTML5. ·          step : este atributo especifica los intervalos numéricos válidos para un elemento <input>. Puede ser usado junto con los atributos “max” y “min” para crear un rango cerrado de valores válidos de un campo. El atributo “step” funciona con los tipos de <input>: number, range, date, datetime, datetime-local, month, time y week. ·          pattern : permite validar un elemento < input> en base a una expresión regular  (RegEx). Las expresiones regulares son modelos o patrones que describen las combinaciones de caracteres que se pueden introducir en el campo de texto (las que se tomarían como correctas). Pattern funciona con los tipos de <input>: text, search, url, tel, email, y password. ·     ...

Estos son algunos nuevos atributos de contenido incluidos en HTML5 para el elemento “ input ” que pueden ser utilizados en formularios HTML5 .     autocomplete : nos permite especificar si un formulario completo o un campo de éste debe tener la opción de autocompletado activada o no. Cuando el autocompletado esté activado (es decir, cuando su valor sea “on”), el navegador completará automáticamente el campo con valores que el usuario haya introducido en ese campo en ocasiones anteriores. Si se desactiva (asignando el valor “off”) lo que se consigue es prevenir que un campo se autocomplete automáticamente, ya que en muchos casos este autocompletado puede causar problemas, incluso de seguridad. Es posible tener el autocompletado a “on” en un formulario, y a “off” en uno o más campos dentro del mismo formulario (por ejemplo en el campo de contraseña), y viceversa.   Autocomplete funciona con el elemento <form> y...