Lección 6: Administración del flujo de texto mediante CSS

1. ¿CSS Regions es similar a cuál de las siguientes opciones?

a) un diseño de cuadrícula
b) un diseño de página de revista
c) una barra de herramientas de flotación libre
d) una imagen vectorizada

2. ¿Cuál de las siguientes opciones es verdadera respecto de CSS Regions?

a) Son útiles para páginas web estáticas
b) Son áreas definidas de un documento HTML en las que puede fluir el contenido
c) No permite flujo de contenido no contiguo entre regiones
d) No se adapta al tamaño de pantalla de un usuario

3. ¿Cuál es el error en el siguiente código de CSS Regions?

#source { flow-into: main; }
.region { flow-from: container; background: #9ACD32; }

a) Los valores de propiedad flow-from y flow-into deben coincidir.

b) El selector #source debe ser region.
c) El selector .region debe ser @region.
d) Las líneas de código flow-into y flow-from están en el orden equivocado.

4. ¿Cuál de las siguientes opciones hace de un contenedor una región y lo asocia con un flujo con
nombre?
a) el DOM
b) fuente de contenido
c) la propiedad flow-into
d) la propiedad flow-from

5. ¿Cuál de las siguientes opciones puede colocar un elemento en un flujo con nombre?
a) el DOM
b) contenedor de contenido
c) la propiedad flow-into
d) la propiedad flow-from
6. En CSS Regions, ¿cuál de las siguientes opciones no es flexible?
a) altura de la región
b) ancho de la región
c) flujo del contenido
d) ninguna de las anteriores

7. Cuando tiene varias fuentes y varios elementos, ¿qué controla el orden en el cual aparece el
contenido en un contenedor CSS Regions?
a) el DOM
b) contenedor de contenido
c) la propiedad flow-into
d) la propiedad flow-from

8. Está creando un diseño de varias columnas. ¿Qué propiedad CSS controla la cantidad de
espacio entre las columnas?
a) column-count
b) column-gap
c) column-fill
d) column-width

9. Está creando un diseño de varias columnas. ¿Qué propiedad CSS controla la cantidad de
espacio dentro de las columnas?
a) column-count
b) column-gap
c) column-fill
d) column-width

10. Está creando un diseño de varias columnas. ¿Qué propiedad CSS le permite insertar un salto
dentro de una columna?
a) break-after
b) break-before
c) break-inside
d) break-within

11. Está creando un diseño de varias columnas. ¿Qué propiedad CSS le permite establecer la
línea que aparece entre las columnas como una línea punteada? (Seleccione todas las respuestas
que correspondan).
a) column-rule
b) column-rule-width
c) column-rule-style
d) column-gap
12. En el siguiente código para varias columnas, ¿qué controla el valor auto?
.tricolumn { columns: 3 auto; }
a) altura de la columna
b) ancho de la columna
c) número de columnas
d) color de fondo de las columnas

13. No desea que aparezcan guiones en su documento HTML. ¿Cómo puede modificar el
siguiente código para evitar el uso de guiones?
<p style="-ms-hyphens: auto; text-align: justify; font-size: 14pt;">
a) Cambie text-align a nohyphen.
b) Cambie font-size a 12pt.
c) Cambie auto a manual.
d) Cambie auto a none.

14. ¿Cuál de las siguientes opciones especifica el número máximo de líneas con guiones
consecutivas que pueden contener palabras con guión?
a) -ms-hyphenate-limit-chars
b) -ms-hyphenate-limit-zone
c) -ms-hyphenate-limit-lines
d) ninguna de las anteriores

15. ¿Qué propiedad CSS3 crea la forma general de una exclusión CSS?
a) shape-outside
b) shape-inside
c) wrap-flow
d) wrap-through

16. ¿Qué propiedad CSS3 especifica cómo se debe ajustar el contenido alrededor de un elemento
de exclusión?
a) shape-outside
b) shape-inside
c) wrap-flow
d) wrap-through
17. ¿Cuál de las siguientes opciones es un método abreviado para establecer las propiedades de
Exclusiones de CSS wrap-margin wrap-flow y wrap-padding en una declaración?
a) wrap-through
b) wrap
c) shape
d) shape-outside

18. Está creando una exclusión CSS y desea mostrar contenido por encima y por debajo de la
exclusión pero dejar los lados en blanco. ¿Cuál de las siguientes propiedades utiliza?
a) wrap-flow: clear
b) wrap-flow: auto
c) wrap-flow: maximum
d) wrap-flow: end

19. Está creando un diseño de varias columnas y desea que el número de columnas sea flexible,
según un ancho de columna de 30em. ¿Cuál de las siguientes opciones logrará este objetivo?
a) { columns: 30em auto; }
b) { columns: auto 30em; }
c) { column-count: auto; }
d) { column-width: auto; }

20. ¿Cuál de las siguientes opciones requiere el uso de iframes en la implementación de

Microsoft de la característica?
a) diseño con varias columnas
b) guiones
c) CSS Regions
d) Exclusiones de CSS