css

Introducción a CSS

CSS es un lenguaje orientado al diseño gráfico que nos permite darle formato y presentación a nuestro documento HTML.

Utiliza una sintaxis muy sencilla y utiliza palabras clave para identificar las propiedades de los elementos a modificar.

Selectores

Los selectores declaran a que etiquetas se le aplican los estilos que coincidan con la etiqueta o atributo señalados en la regla.

Los selectores pueden aplicarse a:

  • Todos los elementos de un tipo, como los párrafos <p>.
  • Elementos seguidos de un atributo, en particular:
    • id: identificador, un identificador único para la etiqueta.
    • class: clase, un identificador para anotar múltiples elementos.

Ejemplo

<style>
/*Afecta al fondo de la etiqueta body*/
body{
background-color: green;
}

/*Afecta al color de la letra de la etiqueta con el id "etiqueta1"*/
#etiqueta1{
color:red;
}

/*Afecta el margen de la etiqueta con la clase "clase1"*/
.clase1{
margin:10px;
}
</style>

Propiedades más comunes

  • margin: Márgenes de los elementos.
  • padding: Espacio entre la etiqueta contenedora y el contenido.
  • background-color: Color de fondo de la etiqueta.
  • color: Color de la letra
  • font size: Tamaño de la letra
  • text-align: Alineación del texto.
Facebook Comments