CSS - TICII

Fundamentos básicos de CSS - (Cascading Style Sheets o Hojas de Estilo en Cascada)

Html y Css_2Bach

Crea una hoja de estilos CSS para aplicar formato al sitio web que comprende todas tus primeras prácticas. Estilos de borde de imágenes, color de fondo, estilos para los encabezados, etc.

- Crea un nuevo archivo con Visual Studio Code que llames style.css y comienza con los siguientes selectores:

Selector de tipo que afecta al body con color de fondo y tamaño de letra

Selectores de clase que afecta a las imágenes que llevan esa clase

En el documento html esa imagen deberá llevar el siguiente atributo:

Y en el encabezado "head" de todos los documentos html que queramos que les afecte esa hoja de estilos vamos a poner:

PRACTICA DISTINTOS TIPOS DE BORDES CON DIFERENTES PROPIEDADES PARA CADA UNA DE LAS IMÁGENES DE LA TABLA. CREA UN SELECTOR DE CLASE PARA CADA UNA DE LAS IMÁGENES Y PERSONALIZA EN LA HOJA DE ESTILOS.

Estilos de borde predefinidos

• solid: Borde sólido y continuo.
• dashed: Borde con líneas discontinuas.
• dotted: Borde de puntos.
• double: Borde de doble línea continua.
• groove: Borde con un efecto de ranura 3D.
• ridge: Borde con un efecto de cresta 3D.
• inset: Borde con un efecto de hundimiento 3D.
• outset: Borde con un efecto de relieve 3D.
• none: Sin borde (valor por defecto).