CSS es un lenguaje de estilo que define el diseño de los documentos HTML. Por ejemplo, CSS cubre fuentes, colores, márgenes, líneas, altura, ancho, imágenes de fondo, posiciones avanzadas y muchas otras cosas.
CSS se puede aplicar a un documento HTML utilizando cualquiera de los tres métodos:
- En línea: CSS se agrega directamente a un elemento HTML.
- Interno: CSS se agrega al encabezado de un archivo HTML y afecta a los elementos en ese documento.
- Externo: CSS se mantiene en un archivo externo que contiene solo CSS y hace referencia a las páginas web de su sitio web.
La sintaxis básica de un archivo css es
selector {propiedad: valor; }
- ¿Quién es el dueño de internet?
- ¿Algo reemplazaría alguna vez http?
- ¿Por qué todavía no se ha otorgado a Tim Berners-Lee un premio Turing?
- Cómo verificar quién me bloqueó en Instagram
- ¿Qué está presente en Internet además de la World Wide Web? ¿La World Wide Web tiene la mayor parte de Internet?
El “selector” especificará a qué elemento HTML se aplicará el estilo. Por ejemplo:
p { property: value; }
La “p” es un elemento HTML que significa “párrafo”, por lo que este valor de selector se aplicará a todos los elementos de párrafo encontrados en el archivo HTML.
La “propiedad” especificará qué atributo de estilo desea cambiar. Por ejemplo:
p { border: value; }
La “propiedad” ahora está establecida en “borde”, lo que significa que le estamos diciendo al navegador que queremos que todos nuestros párrafos tengan un borde. El “valor” le dirá al navegador qué tipo de borde queremos. Por ejemplo:
p { border: 1px dotted #000000; }
Este ejemplo, cuando se traduce al inglés simple, diría: “¡Quiero que todos mis párrafos tengan un borde! ¡Quiero que este borde sea una línea negra punteada que tiene un tamaño de 1 píxel en los cuatro lados!”.
CSS es una herramienta muy poderosa, ya que afecta el estado de ánimo y el tono de todo su sitio web con el beneficio de menos código y más opciones que HTML.
Para más comprensión, consulte:
¿Qué es el CSS?
Aquí está la referencia completa de CSS:
Referencia CSS | Codrops
