Trivia: Conceptos CSS

[AlvaroG]

f) ninguna de las anteriores
display:hidden y display:visible están mal, son valores para 'visibility'
display:illine no existe
display: none es correcta.

[Mikmoro]

Entonces no es la f)

[Mikmoro]

La respuesta correcta es:
a), c) y d)

a) - display:hidden; no existe
c) - display:visible; no existe
d) - display:illine; no existe



Mikel.

[AlvaroG]

Leí la opción como "ninguna de las opciones anteriores es una respuesta correcta" , asumiendo que solamente se puede contestar 1 opción. Error de lógica de mi parte.

En caso de que no deba interpretarse así, las respuestas correctas son a, d y c

[Nathan_1979]

Iniciado por Mikmoro

La respuesta correcta es:
a), c) y d)

a) - display:hidden; no existe


Mikel.

Coñe! pues es verdad que tonto!

[Mikmoro]

Iniciado por alvlin

Leí la opción como "ninguna de las opciones anteriores es una respuesta correcta" , asumiendo que solamente se puede contestar 1 opción. Error de lógica de mi parte.

En caso de que no deba interpretarse así, las respuestas correctas son a, d y c

cierto.

Tira, Alvlin.

[kseso?]

la d= inline
la e= display no admite la propiedad visible (y está mal escrito)
la e y la f porque se contradicen
quiero otra conexión más rápida....

[AlvaroG]

Está bien Mikel, iba a dejar que vos hicieras la pregunta

Vamos entonces.
En la recomendación del W3C, puede encontrarse este párrafo (énfasis agregado por mí):

Iniciado por W3C

Los documentos que incluyan elementos que especifiquen el atributo style pero que no definan un lenguaje de hojas de estilo por defecto son incorrectos. Las herramientas de creación deberían generar información de lenguaje de hojas de estilo por defecto (normalmente una declaración META) de modo que los agentes de usuario no tengan que atenerse al valor por defecto "text/css".

¿Qué etiqueta META (o cabecera HTTP) se usa para solucionar este error?

[Mikmoro]

¿Podría ser:

<meta http-equiv="Content-Style-Type" content="text/css"/>

?

[AlvaroG]

¡Perfecto!

también puede usarse la cabecera HTTP

Content-Style-Type: text/css

aunque la recomendación HTML dice que los agentes de usuario deben buscar primero la etiqueta META (ni idea por qué, considerando que la cabecera HTTP viene primero y es más conveniente, creo. Quizás por compatibilidad con agentes de usuario viejos)

Para quienes les interese, esta es la página de la recomendación donde se explica esto:
http://html.conclase.net/w3c/html401....html#h-14.2.1


Mikel, tu turno

[Mikmoro]

Muy bien.

Dado un bloque de texto con dos párrafos:

<div id="prueba"><p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Donec id sem. In hac habitasse platea dictumst.
Quisque a sem. Sed id felis.</p>
<p> Nam quam orci, dictum sed, suscipit
mollis, imperdiet in, erat. Ut accumsan libero sit amet est. Mauris
ligula. Donec elit ipsum, convallis quis, elementum porta, luctus vel,
nisi. Praesent nec magna. Etiam non mauris. Vestibulum vitae nibh ut
est fringilla luctus.</p></div>

¿Cómo deberá ser un selector css para pintar de rojo el fondo (background-color: red), únicamente del segundo párrafo?

No se puede alterar el texto, así que no hay clases ni nada que aplicar.

Por supuesto, sin contar con IE, sólo navegadores inteligentes

Mikel.

[AlvaroG]

div p + p { background : red }

[DragonX]

Iniciado por Mikmoro

La respuesta correcta es:
a), c) y d)

a) - display:hidden; no existe
c) - display:visible; no existe
d) - display:illine; no existe



Mikel.

Excelente

[Mikmoro]

Iniciado por alvlin

div p + p { background : red }

¡¡¡CORRECTO!!!

El signo más significa "hermanos adyacentes", lo que quiere decir en este caso que se aplicará a un elemento p, que sea hermano de p (y sea precedido por este), ambos hijos de div.

Tu turno, Alvlin.

Mikel.

[faiverson]

A la mi... que contestan rapido! No actualice y contestaron como cinco!

[AlvaroG]

Bueno, como no tengo mucho tiempo, pregunto basado en tu pregunta

En el mismo código HTML:

Código HTML:

<div id="prueba">
<p>...</p>
<div></div>
<p>...</p></div> 

El selector válido para la respuesta anterior no vale. ¿Por qué? ¿Cuál sería el selector para lograr el mismo efecto?

[kseso?]

prueba * p { background : red ; }
solo aplicará rojo a un elemento que esté dentro de cualquier otro en 'prueba'
edito: me pudieron las ganas y no vi que ya habías cerrado el 2º div

[Raulmmmm]

Perdón me he equivocado .

[Nathan_1979]

Joe que lio!


#prueba div + p { background-color:red; }

ya no vale p+p por que ya no son hermanos! jaja

[Androide-lL]

<style>
#prueba p {background-color: "red";}
</style>

<div id="prueba">
<p>............</p>
<div></div>
<p>.............</p></div>

[Androide-lL]

<style>
#prueba2 {background-color: "red";}
</style>

<div id="prueba">
<p>............</p>
<div id="prueba2">
<p>.............</p>
</div>
</div>

[kseso?]

Hi Androide, una condición de Mikel era no alterar el texto, solo el css.
Dificil el css MÁS si lo mezclamos con la genealogía

P.D. para Mikel de otro post que no había visto hasta hace un memento:

Iniciado por Mikmoro
¿Y ese poema de tu firma, kseso??

Momento calentura que tuve y dolor de cabeza para adaptarlo a los 200 caracteres. El original sin limitaciones:

FALAMOS EN VULGAR (DEL PUEBLO Y NO MORRALLA)
QUE LEGOS Y NO CLÉRIGOS HEMOS SIDO,
PUES FRANCOS DE VILES NOBLES Y PIADORES
ABATES PIOS NUNCA LO HEMOS SIDO,
Y LABORES, SUDORES, SANGRÍA GRANDE NOS TRAJERON
LOS QUE EN SALVADORES DE PATRIAS Y ALMAS SE ERIGIERON

[AlvaroG]

Iniciado por Nathan_1979

Joe que lio!


#prueba div + p { background-color:red; }

ya no vale p+p por que ya no son hermanos! jaja

Disculpen la demora, salí al almuerzo

La solución es correcta

Adelante con tu pregunta :)

[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  
   

[DragonX]

:default

Pseudo-clases:

* :first-child
* :link y :visited
* :hover, :active y :focus
* :lang

[Nathan_1979]

Ey mikmoro

Viendo más información acerca del tema http://developer.mozilla.org/es/docs/Columnas_con_CSS-3

Código PHP:

  <div style="-moz-column-count:3; -moz-column-gap: 1em;"> 
Cuando leemos un texto las líneas muy largas resultan incómodas, si son  
demasiado largas, al cambiar de línea nuestros ojos pueden perder la pista  
de la línea en la que estabas. Por ello, pensando en los usuarios con  
monitores grandes, los autores deben limitar la anchura del texto dividiéndolo  
en columnas, más o menos, como hacen los periódicos.</div>  
   

En el ejemplo lo realizan si colocar nada de <p>, el caso es que lo probe y funciona genial en firefox 2.
La potencia de CSS3 ni más ni menos

Un salu2!

[Mikmoro]

¡Wow! Pues por eso no tenía ni idea: todavía no he mirado prácticamente nada de css3. Muy interesante. Gracias.

Mikel.

[kseso?]

¿quién se comió el quesito y el dado?

¿o terminó la partida con mi casillero a 0 y no me enteré?

[Nathan_1979]

Mi pregunta todavía esta en el aire

DragonX no acertó, pasa que no dije nada para no dar facilidades!

[kseso?]

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