Examen rápido 4: CSS

Es la forma correcta para modificar el color de texto de un párrafo específico en CSS

• .p1 { color: blue; }

• #p1 { color: blue; }
• p { color: blue; }

• p1 { color: blue; }

Es la forma correcta para ligar un archivo CSS a un archivo HTML

• <style>archivo.css</style>

• <link rel="stylesheet" href="archivo.css">

• <link rel="css" href="archivo.css">

• <link rel="stylesheet" src="archivo.css">

Es la sintaxis correcta en CSS para modificar el tamaño de fuente de diferentes párrafos a la vez

• .ps { font-size: 16px; }

• #ps { font-size: 16px; }

• ps { font-size: 16px; }

• p { text-size: 16px; }

No es una manera de agregar estilos CSS a un archivo HTML

• Utilizando la etiqueta link apuntando al archivo CSS externo.

• Utilizando la etiqueta style apuntando al archivo CSS externo.

• Creando un archivo CSS interno utilizando la etiqueta style

• Incluyendo el CSS directamente en las etiquetas HTML con el atributo style.

¿Cuál es la sintaxis correcta para utilizar una imagen como fondo de una página HTML y que se quede estática?

• body { background-image: url('ruta_de_la_imagen.jpg');

  background-attachment: scroll; }

• body { background-image: url('ruta_de_la_imagen.jpg');

  background-attachment: inherit; }

• body { background-image: url('ruta_de_la_imagen.jpg');

  background-attachment: local; }

• body { background-image: url('ruta_de_la_imagen.jpg');

  background-attachment: fixed; }

Es el modelo que describe como se representan visualmente los elementos HTML en una página web, defiendo su margen, padding y borde

Es el espacio que existe entre el borde y el contenido de un elemento HTML

• padding
• outline
• border
• margin

El posicionamiento static en CSS no produce cambios en la manera en que se presentan los elementos HTML en una página.

• Cierto

• Falso

¿Cuál es la sintaxis correcta de CSS para aplicar posicionamiento relativo a un elemento HTML?

• position: absolute;

  top:20px;

  left:20px;

• position: relative;

  top:20px;

  left:20px;

• position: relative (top:20px left:20px);

• top:20px;

  left:20px;

  position: relative;

Es la sintaxis correcta en CSS para cambiar el color de un enlace al pasar el cursor sobre el:

• a:hover { color: red; }
• a:active { color: red; }
• a:visited { color: red; }
• a:link { color: red; }