Fundamentos de HTML y CSS: Estructura, Selectores y Posicionamiento
Clasificado en Informática
Escrito el en 
español con un tamaño de 3,58 KB
Ubicación de la etiqueta <title> en el documento HTML
¿En qué parte del documento HTML debe estar la etiqueta <title>?
Es una etiqueta que se sitúa en la parte superior del documento, en la cual se define el título de la página web. Representa el inicio de la página y debe estar obligatoriamente ubicada entre las etiquetas <head> y </head>.
Sintaxis correcta para incluir propiedades de estilo en una etiqueta
Para incluir propiedades de estilo directamente en una etiqueta, ¿cuál es la sintaxis correcta?
La sintaxis correcta es la siguiente:
<p style="background-color: red;"> ...</p>
Cómo enlazar un archivo de propiedades de estilo externo
Si queremos enlazar el archivo de propiedades de estilo (miestilo.css) en la cabecera de una página web, ¿qué etiqueta hay que utilizar y cuál sería la sintaxis correcta?
La sintaxis correcta es:
<link rel="stylesheet" type="text/css" href="miestilo.css">
Diferencias entre selectores de ID y de Clase en CSS
¿Qué diferencia hay entre las siguientes definiciones CSS? (Ver la descripción de la tarjeta):
- La diferencia principal es que el símbolo de almohadilla "#" es el selector de ID.
- El símbolo de punto "." es el selector de clase.
Diferencias en las definiciones de la etiqueta <p>
¿Qué diferencia hay entre las siguientes definiciones de la etiqueta <p>? (Ver la descripción de la tarjeta):
- Si escribo
.miclase p { ... }y declaro las propiedades del selector, estoy definiendo las propiedades para el HTML que forme parte de un párrafo y se encuentre afectado por la clase "miclase". - Si escribo
p { ... }, se aplican las propiedades a todo el HTML que utilice la etiqueta de párrafo de forma global.
Utilidad de la propiedad CSS position
¿Qué utilidad tiene la propiedad CSS position?
La propiedad position especifica el tipo de método de posicionamiento que se usa para un elemento. Los valores posibles son: static, relative, absolute, fixed o sticky.
Uso de clases e identificadores para personalizar párrafos
Si queremos crear dos tipos de párrafos que tengan una apariencia distinta, ¿qué utilizarías: una clase o un identificador? Explica tu respuesta.
Más concretamente, dependiendo del caso de uso:
1. Uso de Identificadores
Si solamente existen dos párrafos únicos que deban ser diferentes, podemos crear un identificador para cada uno:
#parrafo1 { propiedades }#parrafo2 { propiedades }
2. Uso de Clases
Si de cada estilo de párrafo van a aparecer varios elementos en nuestra web, en este caso crearemos una clase para poder repetir el estilo en cada tipo de párrafo:
.parrafo_clase_1 { propiedades }.parrafo_clase_2 { propiedades }
Ejemplo de implementación en HTML:
<p class="parrafo_clase_1">Texto del párrafo del estilo 1</p><p class="parrafo_clase_2">Texto del estilo 2</p><p class="parrafo_clase_2">Texto del párrafo del estilo 2</p>