Qué es CSS y cómo definir estilos en HTML

CSS (Cascading Style Sheets - Hojas de Estilo)

lenguaje

presentación de documentos HTML “una página web”

sirve

organizar la presentación y aspecto de una página web

Utilizado principalmente por navegadores web de Internet y programadores web de computadoras para elegir una variedad de opciones de presentación, como colores, fuentes y tamaños de fuente.

Se basa en intentar separar la estructura del documento HTML de su presentación.

La página web será el contenido (contenido) a continuación, y el CSS será una vidriera que hace que el contenido se vea de una forma u otra.

opciones básicas

pueden ser el poder cambiar el color de algunas etiquetas o establecer imágenes de fondo

ejemplo:

<H1> (mostrar un texto como encabezado, en tamaño grande)

<DIV> (identificar una determinada región o división de contenido)

Use identificadores de etiquetas HTML (por ejemplo, <h1>) y luego indique cómo queremos mostrar todas las etiquetas <h1> que aparecen en el documento

Con <h1> podemos definir cómo se muestran las diferentes partes del documento HTML, y poder definir atributos con valores esperados específicos en cada caso (color, tipo de fuente, tamaño, espacio, imagen)

definición de estilos css

Definición en línea

se define las propiedades de la etiqueta HTML con el atributo style dentro del mismo archivo HTML y se le asigna una determinada cadena que definiría el comportamiento

Ejemplo

<p style="color:red;">

Definición hoja de estilos interna

propiedades de estilo de la misma manera que hacíamos en el archivo css independiente, pero en este caso se hace en la misma página

etiquetas <head> y </head>

estandarizacion

del lenguaje CSS surgió la necesidad de estandarizar su uso para todos los navegadores y los desarrolladores de software, ya que existían muchas formas de escribir código CSS

los navegadores interpretaban algunas definiciones de estilo de distintas maneras y esto hacía más complicado el desarrollo de páginas web

simplemente por la forma en que el navegador interpreta el código