viernes, 31 de mayo de 2019

CSS

Hola a todos hoy os traigo una nueva práctica de Ensamblado de Publicaciones Electrónicas sobre CSS.

¿Qué es el CSS?

CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille. El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo.

Etiquetas que he usado en CSS:

  1. "font-size": esta tiene como función cambiar el tamaño del texto especificado. Se mide en Pixels o px.
  2. "text-align": sirve para alinear el texto a una posición específica del documento por ejemplo, "center" para el centro.
  3. "align-content": así como el anterior este funciona de la misma manera pero afecta contenido como imágenes.
  4. "backgroung-color": la utilidad de este consiste en cambiar el color de fondo del área especificada. Los colores pueden ser definidos en parámetros como RGB o Hex.
  5. "font-family": se utiliza para definir la fuente que usaremos en la etiqueta de texto especificada. Necesitamos Google Fonts para esto.

El proceso que seguido para crear y aplicar CSS:

  1. Primero he creado un documento HTML5 nuevo y he preparado su contenido.

  2. Después he creado el archivo CSS y lo he preparado con las etiquetas que quería usar. Las que vimos arriba.
  3. Luego al finalizar he guardado el archivo CSS y lo he metido en la carpeta del documento HTML para poder especificar su ubicación rápidamente.
  4. Finalmente dentro del documento HTML he especificado la ubicación del CSS mediante la etiqueta <link> y he guardado el documento HTML.

Así ha quedado la página:

No hay comentarios:

Publicar un comentario