Trivia: Conceptos CSS

[Nathan_1979]

Iniciado por kseso?

solo es correcta hover.
las reconocidas como tales son:
:link,
:visited
:hover
:active.

Pueee va ser que no.
Esas serán las más populares. Pero nada más.

[kseso?]

Pos va a ser que tengo que buscar pdf más actuales y completos

[Nathan_1979]

En la pagina de w3c esta todo pasa que esta en ingles y da pereza! jaja

[derkenuke]

Iniciado por Nathan_1979

De las siguientes Pseudo-clases ... ¿Hay alguna que no sea correcta? Si es así, decir cual.

Código PHP:

  -:first-child
-:default
-:hover
-:lang 
   

La incorrecta es default según la w3. Todas las pseudo clases que se admiten son:

Código:

:active
:focus
:hover
:link
:visited
:first-child
:lang

Saludos

[Nathan_1979]

Si esto es un trivial sobre CSS en general...

No has acertado derkenuke

[AlvaroG]

Sabiendo que first-child, hover y lang son válidas, la única opción posible dado que ya escribiste que las respuestas de DragonX y derkenuke son incorrectas, es que default también sea válida (preguntaste si había alguna incorrecta, y la respuesta sería que no).
Si es así, me gustaría que vincularas a algún documento donde se mencione a :default como válida.

La otra opción es que no estés considerando :lang como válida sino :lang(), lo cual me parece una "trampa" interesante pero que en cierta forma contradice la pregunta "¿hay alguna...", dado que las no válidas serían 2...

No sé, yo no encontré nada y me doy por vencido.


Saludos.

[Nathan_1979]

alvlin

Todas son Correctas.


Faltaría más!

http://developer.mozilla.org/es/docs/CSS::default


http://www.w3.org/TR/2004/CR-css3-ui...pseudo-default


Pregunta cuando quieras !

[daPhyre]

Considero que hay que especificar cuando se preguntan de acuerdo a las normas CSS2 (Actuales) o CSS3 (Próximas), que esto podría causar problemas como en la pregunta anterior o~o

[Daniel Ulczyk]

Estoy de acuerdo daPhyre
Iba a mencionarlo, de alguna manera; porque lo preguntaste el otro día y la respuesta estuvo ausente.

[DragonX]

Si, considero que estaría bueno que en la pregunta especifiquen a que versión de CSS están haciendo referencia, ya paso algo "raro" con el caso de las <p> y las 3 columnas!

[Daniel Ulczyk]

Y alvlin no pregunta...!?

O nos va a dejar "para después de comer"?

Hace una hora que estoy en la página; F5, F5... F5 ... ...

[AlvaroG]

Disculpen muchachos, es que además de almorzar también tengo que dormir y trabajar

Vamos entonces.
No se me ocurre qué preguntar así que voy a por algo simple.

¿Cuál es el orden recomendado por el W3 para que las pseudo-clases :link, :hover, :active y :visited funcionen como se espera?

[Mikmoro]

Love and hate

[faiverson]

Para que la pseudo clase de la etiqueta <A> funcione correctamente el orden de las declaraciones debe ser el siguiente:
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}

[DragonX]

A:link
A:visited
A:hover
A:active

En ese orden.....

Puta, 3 minutos tarde.....

[Daniel Ulczyk]

Iniciado por alvlin

Disculpen muchachos, es que además de almorzar también tengo que dormir y trabajar

Psé.... y recién por ir al baño me perdí de una fácil...

[faiverson]

Jejeje... :)

Aunque en su momento tambien me dio un pequeño dolor de cabeza ese fucking orden...

[DragonX]

Iniciado por Daniel Ulczyk

Psé.... y recién por ir al baño me perdí de una fácil...

El que se fué a sevilla.......esto es palo y palo no te podés distrer ni un segundo.

[Mikmoro]

Iniciado por faiverson

Para que la pseudo clase de la etiqueta <A> funcione correctamente el orden de las declaraciones debe ser el siguiente:
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}

Cuyo truco para recordalo es Love and hate

En este caso, aunque no te de la vez Alvlin, tu turno, faiverson

Mikel

[faiverson]

Ok, thank (porque no la tenia love and hate :P is good!)

Bueno por ser la primera que hago.. a ver...

Que tipo de unidad para las fuentes (textos) de todas las existentes recomienda el estandar utilizar para paginas y porque? Y cual se recomienda para la impresion de documentos?

PD: si no es clara, avisen que la mejoro...

[DragonX]

a ver si pego una!!!!

--> impresión puntos
--> pantalla em



p.d. asi es como lo hago, seguramente no sea lo recomendable

[faiverson]

Bien, te falto nomas el porque em y no px, por ejemplo, pero bien, te doy la derecha...

Me voy a comer!

[DragonX]

ok, otra fácil, pero siempre se aprende algo nuevo!

¿Para qué utilizarían este código?

a[href $=’.pdf’] {
background: url(pdf.gif) right center no-repeat;
padding-left: 25px;
}

[Daniel Ulczyk]

Para mostrar una imagen (25 px a la izquierda) de los enlaces que tengan por destino, la extensión PDF.

[DragonX]

Excelente! ... al fin DANI!!!!!

[Mikmoro]

Ehhhhh! No tan facilita. Explicadla uno de los dos que habrá gente que no lo haya entendido o no conozca [att].

Mikel.

[K-Yezaad]

Crei que no se valian analisis de codigo =P

suena divertido el jueguito, a ver si no me ganan:

Ehhhhh! No tan facilita. Explicadla uno de los dos que habrá gente que no lo haya entendido.

Al declarar el selector como a[href $=’.pdf’] haces que solo afecte a los enlaces cuyo atributo 'href' termine en .pdf

[Daniel Ulczyk]

K-Yezaad me ahorró la explicación. Lo cual debía haber yo hecho oportunamente.

Ahora mi pregunta, con lo siguiente:

Código:

img {border:5px solid #000000;}

Obviamente agregamos un borde de color negro a las imágenes.
Qué técnica utilizaría para que quede

imagen - un borde de 5px de color blanco y un borde de 5px de color negro?

[kseso?]

img {padding: 5px #fff;
border:5px solid #000;}

[Daniel Ulczyk]

Código:

padding: 5px #fff;