Inicio Programación Web CSS Examen CSS Programación WebCSS Examen CSS Por Michelle Torres - 13 August, 2013 7176 2 Facebook Twitter WhatsApp Telegram Linkedin 9 min de lectura Pon a prueba tus conocimientos con este examen de CSS Las siguientes son preguntas muy generales de CSS, podrás ponerte a prueba, y pronto publicaremos las respuestas correctas. Con el siguiente shorthand indique a quienes aplicará la regla 1 margin: 1px 5px 10px; Arriba 1, Abajo 5, Derecha e Izquierda 10 Arriba 5, Abajo 1, Derecha e Izquierda 10 Arriba y Abajo 1, Derecha 5, Izquierda 10 Arriba 1, Abajo 10, Derecha e Izquierda 5 Controla la forma en la que se visualiza la imagen de fondo: permanece fija cuando se hace scroll en la ventana del navegador background-image: url(“fondo.png”) background-repeat: repeat-x background-position: right top background-attachment: fixed De los elementos que componen una caja, el padding se refiere a… El espacio entre esa caja y las demás El espacio entre el contenido y el borde de la caja El espacio entre el borde y la imagen de fondo El posicionamiento ___________ permite desplazar una caja respecto de su posición original y el resto de cajas adyacentes ignoran su posición y ocupan el lugar original. Relativo Absoluto Fijo Flotante El posicionamiento ___________ permite desplazar una caja respecto de su posición original y el resto de cajas adyacentes ignoran su posición y ocupan el lugar original. Además su posición es inamovible dentro del navegador, de modo que si existe un despl Relativo Absoluto Fijo Flotante El posicionamiento ___________ permite desplazar una caja respecto de su posición original y no afecta al resto de cajas adyacentes Relativo Absoluto Fijo Flotante El posicionamiento ___________ permite mover una caja a una capa mas arriba de los demás elementos y desplazarla a su zona mas derecha o su zona mas izquierda posible Relativo Absoluto Fijo Flotante Con base a las siguientes reglas CSS, ¿de qué color quedarán los párrafos? 123 body { font-family: Arial; color: blue; }h1 { font-family: Verdana; color: white; }p { text-align: center; } blue white black Indique a qué hace referencia la siguiente regla de CSS 1 .destacado { color: red; } A los elementos con id =”destacado” A los elementos con class =”destacado” A las etiquetas de tipo <destacado> Indique a qué hace referencia la siguiente regla de CSS 1234 p { ... ...} A los elementos con id =”p” A los elementos con class =”p” A las etiquetas de tipo <p> Indique a qué hace referencia la siguiente regla de CSS 1 p.destacado { color: red; } A los párrafos con id =”destacado” A los párrafos con class =”destacado” A todos los párrafos que sean hijos de un elemento con class =”destacado” Indique lo que hace la siguiente regla CSS 1 letter-spacing: 120%; Aumenta el espacio entre cada párrafo Aumenta el espacio entre cada renglón Aumenta el espacio entre cada letra Aumenta el espacio entre cada palabra Indique lo que hace la siguiente regla CSS 1 line-height: 120%; Aumenta el espacio entre cada párrafo Aumenta el espacio entre cada renglón Aumenta el espacio entre cada letra Aumenta el espacio entre cada palabra Indique lo que hace la siguiente regla CSS 1 text-transform: uppercase; Convierte el texto a mayúsculas Convierte el texto a minúsculas Convierte el texto a letras versales Indique lo que hace la siguiente regla CSS 1 word-spacing: 120%; Aumenta el espacio entre cada párrafo Aumenta el espacio entre cada renglón Aumenta el espacio entre cada letra Aumenta el espacio entre cada palabra Indique lo que hace la siguiente regla CSS 1 list-style-type: square; Cambia a viñetas de cuadrados los elementos de una lista Pone viñetas de cuadrados a cualquier elemento HTML en que se aplique Cambia a viñetas de números cuadrados los elementos de una lista La propiedad CSS por medio de la cual se da formato de “cursiva” a un elemento es em font-weight font-style La propiedad CSS por medio de la cual se da formato de “negrita” a un elemento es strong font-weight font-style La propiedad que permite que al ocultar un objeto se siga respetando su espacio es display visibility hidden La propiedad ________ se pueden convertir objetos inline por objetos block y viceversa display visibility hidden La siguiente regla de CSS aplicada en las tablas… 1 empty-cells: hide; Oculta las celdas vacias de modo que las demás se recorren Oculta las celdas vacias de modo que no aparecen los bordes de esos huecos Oculta las celdas vacias de modo que se ven los bordes de un color distinto La regla ___________ CSS respeta los espacios en blanco y las nuevas líneas (exactamente igual que la etiqueta <pre>) white-space: pre; white-space: pre-wrap; white-space: pre-line; La siguiente regla aplica a … 1 h1 + h2 { color: red } Todos los títulos h1 que esten junto a un título h2 Todos los títulos h2 que esten junto a un título h1 Los títulos h1 y h2 que esten juntos Todos los títulos h2 que esten junto a un título h1 y que tengan el mismo padre La siguiente regla aplica a … 12345 h1, h2, h3 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif;} Los títulos h3, dentro de títulos h2, dentro de títulos h1 Los títulos h3, y a los títulos h2, y a los títulos h1 Los títulos h3 que sean hijos directos de los títulos h2 y h1 La siguiente regla aplica a … 1 p < span { color: blue; } Todos los span dentro de p Los span que sean hijos directos de p Los span y los párrafos La siguiente regla aplica a … 1 p span { color: red; } Todos los span dentro de p Los span que sean hijos directos de p Los span y los párrafos La siguiente regla aplica a … 1 p[class|="destacado"] Todos los párrafos exactamente con la clase destacado Todos los párrafos que en el atributo class tengan al menos destacado Todos los párrafos que su clase no tenga “destacado” Todos los párrafos que su clase empieza con “destacado” La siguiente regla aplica a … 1 p[class~="destacado"] Todos los párrafos exactamente con la clase destacado Todos los párrafos que en el atributo class tengan al menos destacado Todos los párrafos que su clase no tenga “destacado” Todos los párrafos que su clase empieza con “destacado” Para el shorthand de borde, ¿qué valores se ponen y en qué orden? width, style and color width, style, height and color width, style, and background-color Propiedad CSS para aplicar al texto un formato de letra versal (letras mayúsculas pequeñas) font-style font-variant text-transform Propiedad CSS para definir el color del texto color text-color font-color Propiedad que permite que el contenido de una caja al exceder el tamaño se muestre por fuera de la misma. overflow: visible overflow: hidden overflow: scroll Propiedad utilizada para indicar la ubicación de la imagen de fondo en una caja background-image background-repeat background-position background-attachment Qué hace el siguiente código 1 <p class="especial destacado error">Párrafo de texto...</p> Aplica al párrafo la clase error Aplica al párrafo la clase especial, y si no existe aplica destacado, y si no existe aplica la clase error Aplica las tres clases Aplica la clase especial Qué hace la siguiente regla CSS 1234 input:focus { border: 2px solid #000; background: #F3F3F3;} Aplica un fondo y un borde a un input cuando pasa el puntero por encima Aplica un fondo y un borde a un input cuando este es activado Aplica un fondo y un borde a todos los input pertenecientes a un formulario Qué hace la siguiente regla CSS? 1 a:hover { text-decoration: none; } Quita el subrayado a todos los enlaces Quita el subrayado a los enlaces cuando tienen el puntero encima Quita el subrayado a los enlaces cuando ya han sido visitados ¿Cuál propiedad permite establecer el color de fondo a un elemento? Background-color Background-image Background-repeat Background-attachment Background-position Si se tiene un div con 100px de ancho y margen 10px. ¿Cuánto mide en realidad el div? Escriba el modo abreviado del siguiente color RGB hexadecimal: #336699 Escriba la linea de código necesaria para cargar un archivo css externo llamado estilo.css el cual se utilizará para pantallas de computadoras. Escriba la regla CSS necesaria para que un elemento quede centrado automáticamente por medio de márgenes. Escriba la regla CSS para que todos los enlaces aparezcan sin subrayado Escriba la regla CSS que permite alinear el texto de manera justificada Escriba la regla CSS que permite que los bordes en una tabla se unan para que parezca un único borde. Escriba la regla CSS que permite subrayar un texto Escriba un comentario de CSS con el texto “comentario” Indique el código faltante para asignar al body una imagen de fondo llamada fondo.png Indique el código faltante para asignar al body una imagen de fondo llamada fondo.png 1 body { _________________ } Indique el código faltante para hacer que la imagen solamente se repita de manera horizontal. 12345 #hdr { background: url("/images/ds.gif") ______; width: 100%; text-align: center;} Indique el tamaño final del div principal 1234567 div#contenido { width: 600px; }div.principal { width: 80%; }<div id="contenido"> <div class="principal"> ... </div></div> Indique la regla CSS necesaria para poner viñetas con una imágen llamada ok.png La propiedad ______ permite modificar el comportamiento por defecto del posicionamiento flotante para forzar a un elemento a mostrarse debajo de cualquier caja flotante. La siguiente regla CSS debe poner el tamaño de la primera letra de un párrafo al doble de su tamaño. 123 #normal p:__________ {font-size: 2em;} Para cambiar el alto con el que se muestra una imagen en el CSS, se utiliza el siguiente código. Complételo. 123 #destacada {________: 120px;} Propiedad utilizada para indicar la posición tridimensional de los elementos. Es decir, la posibilidad de mostrar mas adelante o atrás en profundidad. Al momento de fusionarse el margen inferior de la caja1 con el margen superior de la caja2, el margen resultante será siempre el margen de la caja2 por ser la última en ser declarada. Verdadero Falso El siguiente código CSS aplica al primer elemento la fuente Arial, al segundo elemento la fuente Helvetica y al resto del documento la familia Sans-Serif. 1 font-family: Arial, Helvetica, sans-serif; Verdadero Falso La propiedad font-size de CSS solo permite medidas con px, porcentaje o em Verdadero Falso La siguiente regla CSS genera una tabulación al párrafo de 2em. 1 text-indent: 2em; Verdadero Falso Para lograr que un elemento con posición absoluta tome como origen para su desplazamiento a su elemento padre, el elemento padre debe tener una posición definida distinta a normal. Verdadero Falso Para conocer las respuestas correctas mantente atento, ¡pronto pondremos la publicación de respuestas! Like this:Like Loading... Artículos relacionadosMás del autor Programación Web Aprende en 3mins: Qué es GIT JavaScript 3 típicos errores en React y cómo evitarlos Programación Web Aprende en 3 mins: Cuáles tecnologías y lenguajes aprender para desarrollo web en el 2019 Git Deploy de una aplicación React a Github Pages Programación Web Deploy de tu aplicación sin usar servidores con Now de Zeit JavaScript Crear un paquete de npm y publicarlo 2 COMENTARIOS […] Hace días publiqué un examen de CSS básico, el cual no tiene las respuestas correctas, lo puedes revisar aquí […] Loading... Respuesta En la pregunta: La siguiente regla aplica a … p elemento Loading... Respuesta Deja tus comentariosCancel reply This site uses Akismet to reduce spam. Learn how your comment data is processed. Lo mas reciente Aprende en 3mins: Apache Kafka Aplicaciones Michelle Torres - 8 February, 2021 2 Apache Kafka es la plataforma distribuida de tranmisión de eventos reconocida por su alta disponibilidad, flexibilidad y escalabilidad. 20 frases típicas de un programador cuando algo no funciona Infográficos Michelle Torres - 12 June, 2020 0 20: Pues es raro…19: Nunca había pasado antes.18: Pues ayer funcionaba…17: ¿Cómo es posible?16: Tiene que ser un... Cómo explicar el nacimiento a un niño en el siglo XXI Infográficos Michelle Torres - 5 June, 2020 0 ... las abejas, las flores, la semilla en la tierra... éso está desfasado, hacia la segunda mitad de...
[…] Hace días publiqué un examen de CSS básico, el cual no tiene las respuestas correctas, lo puedes revisar aquí […] Loading... Respuesta
[…] Hace días publiqué un examen de CSS básico, el cual no tiene las respuestas correctas, lo puedes revisar aquí […]
En la pregunta: La siguiente regla aplica a …
p elemento