Entradas

Mostrando entradas de septiembre, 2020

¿Cómo usar Google Fonts?

Imagen
Pasos para utilizar Google Fonts en tu página web Ir a: https://fonts.google.com/ Seleccionar una fuente Click en "select this style" luego seleccionar la pestaña embed Copiar el link en el <head>: < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Blog </ title >      < link   href = "https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap"   rel = "stylesheet" >      < link   rel = "stylesheet"   href = "style/style.css" > </ head > Luego en el CSS: * {    font-family :  'Roboto' ,  sans-serif ; }

Posicionamiento CSS

Imagen
Display La propiedad CSS display especifica si un elemento es tratado como un elemento: block : hace que el comportamiento del elemento sea como un bloque. inline : el elemento se renderizará en línea con otros elementos. inline-block :  fluyen con el texto y demás elementos como si fueran elementos en-línea y además respetan el ancho, el alto y los márgenes verticales.

Introducción a CSS

Imagen