HABILIDADES DE PROGRAMACIÓN

Prueba de CSS para la selección de personal

Descubra cómo razonan los candidatos al analizar código CSS para páginas reales.

10 minutos
15 preguntas
Intermedio
Opción múltiple
Preguntas en inglés (inglés)
Teléfono y computadora

Use esta prueba gratis Ver los formatos de las preguntas

La respuesta breve

La evaluación de CSS consta de 15 preguntas de opción múltiple y dura 10 minutos. Evalúa la lectura y escritura de CSS para páginas reales, así como los selectores y la especificidad, el dimensionamiento según el modelo de caja y el diseño, las funciones modernas de estilo y la sintaxis básica. Está diseñada para desarrolladores front-end, desarrolladores de CSS y de interfaz de usuario, diseñadores web que escriben código y desarrolladores full-stack que crean interfaces.

Qué mide

Conocimientos prácticos de CSS: selectores y especificidad, modelo de caja y diseño, funciones modernas de estilo y sintaxis básica.

Selectores, especificidad y cascada

Los candidatos analizan selectores y declaraciones para determinar qué regla prevalece en la cascada.

Diseño

Las preguntas piden a los candidatos que razonen sobre el dimensionamiento según el modelo de caja y la ubicación de los elementos.

Estilos avanzados

Los candidatos determinan qué resultado producen las propiedades personalizadas, las funciones y las consultas de contenedor.

Sintaxis y fundamentos

Las preguntas evalúan la sintaxis básica de CSS mediante hojas de estilo breves y fragmentos de HTML.

Formatos de pregunta

Opción múltiple

La persona candidata: Lee una situación breve, una tabla o una afirmación y elige la respuesta correcta o todas las respuestas correctas.

Usted ve: Si el candidato conoce el material lo suficiente como para aplicarlo, no solo reconocerlo.

15 preguntas en 10 minutos, presentadas de una en una.

Puestos para los que sirve esta prueba

Desarrolladores front-end, desarrolladores de CSS y de interfaz de usuario, diseñadores web que escriben código y desarrolladores full-stack que crean interfaces.

Qué puede mostrar esta prueba de CSS

Evidencia más allá del currículum
Descubra cómo interpretan los candidatos las reglas de CSS, el dimensionamiento y la ubicación en el código, en lugar de basarse únicamente en la descripción de su experiencia.
Una evaluación de habilidades específica
Use una evaluación breve para revisar la especificidad, el diseño, los estilos modernos y la sintaxis antes de decidir qué aspectos explorar más a fondo.
Un punto de partida común
Ofrezca a los candidatos el mismo formato de 15 preguntas. Pueden usar papel para hacer anotaciones y no necesitan calculadora para calcular tamaños.
Pregunta útil para profundizar en la entrevista
Utilice los resultados para elegir una muestra de trabajo pertinente y preguntar por el razonamiento del candidato.

Qué obtiene por cada candidato

Informe de ejemplo (datos ficticios)CSS

68 %Percentil 40. Referencia: candidatos de HireValid, n = 1257

Selectores, especificidad y cascada74 %

Diseño57 %

Estilos avanzados60 %

Sintaxis y fundamentos79 %

Integrity ScoreAlta confianza

Permaneció en la pestaña de la prueba durante toda la evaluación
Sin respuestas copiadas y pegadas
Respondió a un ritmo constante

Las puntuaciones, los perfiles y las señales de integridad son información que usted debe revisar junto con una entrevista; nunca son motivo para tomar una decisión automática.

Use esta prueba gratis

Diseño de la evaluación y señales de integridad

Cada intento presenta un conjunto diferente de preguntas, seleccionado de amplios bancos. Las preguntas y las opciones de respuesta aparecen en un orden distinto, y los candidatos reciben una pregunta a la vez. El temporizador de 10 minutos funciona en el servidor, y los candidatos no pueden volver a preguntas anteriores. Si recargan la página, se restaura la misma pregunta y solo queda el tiempo restante. El texto de las preguntas no se puede copiar ni seleccionar. HireValid registra señales como el tiempo fuera de la pestaña de la prueba, el contenido pegado en las respuestas y las respuestas enviadas más rápido de lo que se puede leer una pregunta. Se proporcionan un Integrity Score y una cronología de evidencias para que el empleador los revise; ninguno determina el resultado por sí solo. Descubra cómo HireValid crea las pruebas.

Cómo prevenimos las trampas con IA · Señales de integridad

Utilice la puntuación como punto de partida

Considere el resultado como evidencia que debe revisar una persona, no como una decisión de contratación. Siga estos pasos:

Revise los resultados sobre selectores y especificidad, diseño, estilos modernos y sintaxis.
Compleméntelos con una muestra de trabajo en CSS que refleje las tareas de desarrollo de interfaces del puesto.
En una entrevista estructurada, converse sobre las decisiones del candidato y considere el resultado junto con la muestra de trabajo. Para obtener ayuda con este paso, consulte nuestra guía de entrevistas estructuradas.

Preguntas para entrevistas estructuradas

¿Cómo investigaría una página en la que no se aplica una regla de estilo?
Preste atención a que la respuesta explique el razonamiento y proponga una forma práctica de revisar los selectores pertinentes, la especificidad y la cascada.
¿Cómo abordaría el dimensionamiento y la ubicación de una tarjeta en el diseño de una página?
Preste atención a que la respuesta explique claramente el modelo de caja y la ubicación prevista, en lugar de repetir una definición de memoria.
Explíqueme cómo usaría una propiedad personalizada o una función en una tarea de estilos.
Preste atención a que la respuesta incluya un uso concreto y explique qué resultado produciría el CSS.
¿Qué comprobaría si una consulta de contenedor no produce el resultado esperado?
Preste atención a que la respuesta explique el proceso paso a paso y lo relacione con el código y el diseño previsto.

Entienda las puntuaciones y los valores de referencia

Equidad y adaptaciones

Las preguntas usan código breve y neutro, con nombres de clase sencillos y elementos genéricos de una página, como tarjetas, menús y formularios. No incluyen expresiones idiomáticas, conocimientos locales ni nombres de marcas. Las respuestas se basan en los estándares actuales de CSS, no en las particularidades de un navegador. Las preguntas sobre colores se responden a partir del código, nunca observando un color representado en pantalla. Todos los candidatos pueden usar papel para hacer anotaciones, y los tamaños que deben calcularse son números enteros para los que no se necesita calculadora.

Puede dar tiempo adicional a cualquier candidato como adaptación. Los resultados son pruebas que una persona debe revisar, nunca una decisión automática.

Provisional: la confiabilidad se informa una vez que 200 candidatos hayan completado la prueba.

Lea nuestro enfoque de equidad

Detalles de la prueba

Un conjunto breve y cronometrado de preguntas sobre cómo escribir y leer CSS para páginas reales. Los candidatos revisan hojas de estilo breves y fragmentos de HTML para determinar qué regla prevalece, cómo se dimensionan y ubican los elementos y qué resultado producen funciones modernas como las propiedades personalizadas, las funciones y las consultas de contenedor.

Las preguntas están en inglés.
Materiales permitidos: Papel para borrador.
Cada pregunta se responde una sola vez y en orden, sin posibilidad de volver atrás.
4 preguntas de práctica, 3 minutos, antes de la prueba cronometrada.

Preguntas frecuentes

¿Qué evalúa la prueba de CSS?+

Evalúa los conocimientos prácticos de CSS mediante hojas de estilo breves y fragmentos de HTML. Los candidatos determinan qué regla prevalece, cómo se dimensionan y ubican los elementos y qué resultado producen funciones modernas como las propiedades personalizadas, las funciones y las consultas de contenedor.

¿Cuánto dura la evaluación de CSS y pueden los candidatos volver a preguntas anteriores?+

La evaluación de CSS consta de 15 preguntas de opción múltiple y tiene un límite de 10 minutos. Los candidatos no pueden volver a preguntas anteriores. El conjunto de práctica tiene 4 preguntas y dura 3 minutos. Se permite usar papel para hacer anotaciones.

¿Para qué puestos es adecuada la prueba de CSS?+

Está dirigida a desarrolladores front-end, desarrolladores de CSS y de interfaz de usuario, diseñadores web que escriben código y desarrolladores full-stack que crean interfaces. Compleméntela con una muestra de trabajo que refleje las tareas de CSS y diseño del puesto. Si está contratando para desarrollar interfaces, también puede compararla con la [prueba de Angular](/tests/programming-skills/angular).

¿Cómo debo interpretar el resultado de una evaluación de CSS?+

Use el resultado como evidencia para revisar, no como veredicto ni como única base para una decisión de contratación. Compárelo con una muestra de trabajo en CSS y converse sobre las decisiones del candidato en una entrevista estructurada. Para obtener ideas sobre cómo llevar a cabo un proceso de selección considerado, lea la [guía para un proceso de selección favorable para los candidatos](/guides/candidate-friendly-hiring).