Lenguajes de Marcas Tema 3.
CSS
EJERCICIOS DE CSS – nº 1
1.- Definir para la marca <p> (párrafo) de una página HTML el color de fondo verde y la letra en blanco. En
el BODY se sacarán 3 párrafos. Hacerlo de las tres formas en que podemos incluir estilos.
2.- Definir para la marca <h6> y para la marca <p> (párrafo) el mismo tamaño de fuente (20px), pero color
azul para el párrafo y gris claro (color:#aaaaaa) para el título (<h6>). Hacerlo de las tres formas en que
podemos incluir estilos.
3.- Crear una página HTML y definir tres mensajes con las marcas h1, h2 y h3. Definir el mismo color para
el texto de cada bloque y colores diferentes para el fondo de los mismos (cada marca HTML debe tener
definida la propiedad style, hojas de estilo en línea). Las propiedades a utilizar son “color” y
“background-color”.
4.- Repetir el ejercicio anterior utilizando la definición de estilos a nivel de página, hoja de estilo
incrustada.
5.- Definir reglas de estilo para las marcas HTML: h1, h2, h3, h4, h5 y h6. Con la propiedad font-size con
valores decrecientes para cada una de las marcas (60, 50, 40, 30, 20 y 10 píxeles). Inicializar la propiedad
font-family para las tres primeras marcas con los valores: Arial, Arial Black y Arial Narrow.
6.- Confecciona una página que defina una regla para la marca body e inicialice las propiedades color y
font-family. Luego defina reglas de estilo para las marcas h1, h2 y h3 que redefinan la fuente con los
valores: Times New Roman, Courier y Arial respectivamente. Muestra tres títulos, cada uno con las marcas
h1,h2 y h3. Por último muestra un párrafo.
7.- Definir para la marca h1 una fuente de tipo 'times new roman', fuente de 30 pixeles, estilo italic y peso
bold. Para la marca h2 definir una fuente de tipo 'verdana' y de 20 píxeles de alto.
8.- Definir para los párrafos generales una fuente de tipo 'verdana' y 30 píxeles de alto. Y para el párrafo
especial una caja con 30px de margen y 25px de relleno (padding), color de fondo verde y un borde ancho,
doble y de color naranja. La letra en amarillo. El ancho de la caja es de 250px. La salida por pantalla debe
ser similar al siguiente recuadro:
Página 1/2
Lenguajes de Marcas Tema 3. CSS
9.- Definir estilos para el body y para los párrafos. La salida por pantalla debe ser similar al siguiente
recuadro:
Página 2/2
