Entradas

Mostrando entradas de septiembre, 2016

CSS: Selectores :last-child y :nth-last-child

Imagen
  En CSS2 se definió la pseudoclase “:first-child” que permite definir una regla que se aplica al primer hijo del selector indicado. “p:first-child” selecciona un párrafo cuando sea el primer hijo de su padre. En CSS3 se han añadido estos selectores que complementan a “:first-child” de CSS2, estos son algunos de ellos: :last-child   Este selector representa un elemento de lista li que es el último elemento secundario de una lista ordenada de: Ejemplo: [style.css]   ol > li:last-child{ ol> li: last-child { color: red; color rojo; } } [index.html] <body> <cuerpo> <ol> <ol> <li>List-item 1</li> <li> List-item 1 </ li> <li>List-item 2</li> <li> List-item 2 </ li> <li>List-item 3</li> <li> List-item 3 </ li> </ol> </ ol> </body> </ body> :nth-last-child () representa un elemento que tiene un + b her

¿Cuál es la resolución de pantalla más común en la actualidad?

Imagen
  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        

CSS: Pseudoclases de estado (link, visited, hover, active, focus).

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 pueden

CSS: escribe una hoja que sea fácil de leer

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