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

  A cifras de Enero de 2016, la resolución de pantalla más común era de 1.366 x 768 píxeles, la típica resolución de los portátiles.   Hoy en día existen multitud de dispositivos que permiten acceder a la Web, lo que origina que no exista una resolución de pantalla estándar.   En marzo de 2009, la resolución más común era 1024x768 con un 42%. La siguiente resolución más popular era 1280x800 con casi un 20%. En octubre de 2014 la resolución de 1024x768 sólo representaba un 5%, igual que 1280x800. Fuentes:www. dgcomunicaciones.net Activate, Google España        

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...

Un fichero de CSS puede tener cientos de líneas y depende como lo escribas puede ser fácil o muy difícil de leer. Espacios en blanco, tabuladores y saltos de línea ayudan a que el código se visualice más claramente. Algunas personas prefieren escribir todo el código en una sola línea y esto dificulta la lectura y la revisión del código aplicado. Otras personas prefieren escribir una propiedad por línea, y otros prefieren que las propiedades aparezcan con sangría (con dos o cuatro espacios o con tabulación). Otras variantes las encontramos con la posición de las llaves de apertura (algunos casos situándolas detrás del selector, en otros en una línea nueva). También otro estilo de ordenamiento del código es alinear todo verticalmente, aunque según expertos en la materia este estilo es difícil de mantener. Otro mecanismo que facilita la lectura de un CSS son los comentarios. Estos empiezan con /* y finalizan con */ . Los comentarios ayudan a definir partes en un CSS, por ej.: ...

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...