Sintaxis CSS

CSS, abreviatura de hojas de estilo en cascada, es un lenguaje de estilo web utilizado para el estilo y la estructuración de páginas web escritas en HTML o XML. Define cómo aparecen diferentes elementos HTML, por ejemplo, encabezados o párrafos en la pantalla.

Al igual que otros idiomas de estilo web, CSS también sigue ciertas reglas que definen la disposición de elementos y atributos. La sintaxis de un CSS es la siguiente:

La sintaxis se explica en la tabla a continuación.

Elemento CSS	Descripción
Selector	Selecciona un elemento HTML que desea diseñar.
Bloque de declaraciones	Consiste en múltiples declaraciones y Thesea están separadas por semicolones.
Propiedad	Una propiedad se refiere al atributo de una etiqueta HTML como color, fuente, etc.
Valor	Los valores se asignan a las propiedades.

Ahora hay múltiples tipos de selectores que se explican a continuación.

Selector universal

Como su nombre indica, se utiliza un selector universal para seleccionar todos los elementos de una página HTML. Está representado por un signo de asterisco (*). Por ejemplo

*
color de fuente: azul;
Text-Align: Center;

Selector de elementos

Se utiliza un selector para seleccionar elementos HTML sobre la base de sus nombres. Como esto.

H
text-align: izquierda;
color azul;

Selector de identificación

Puede diseñar elementos HTML sobre la base de sus atributos de identificación. Por ejemplo, el siguiente elemento con el id = "Head1" está siendo diseñado.

#Head1
text-align: izquierda;
color azul;

Selector de clases

Estilos de selección de clase Un elemento HTML sobre la base de un atributo de clase específico. Para seleccionar un elemento HTML, usamos DOT seguido de nombre de clase.

.caja
Text-Align: Center;
color rojo;

Selector de agrupación

El selector de agrupación se utiliza para seleccionar todos esos elementos HTML que queremos diseñar de manera similar. Por ejemplo.

H1, H2, P
Text-Align: Center;
color rojo;
Font-peso: Normal;

Conclusión

Hojas de estilo en cascada, también conocido como CSS, es un lenguaje de estilo que se usa para diseñar documentos escritos con lenguajes de marcado como HTML y XML. Para el estilo de elementos HTML tenemos que seguir un conjunto de reglas/sintaxis de CSS. Siguiendo la sintaxis CSS, usamos algunos selectores para seleccionar los elementos HTML específicos y luego asignar ciertos valores a las propiedades para diseñar esos elementos HTML. En este tutorial aprendimos la sintaxis básica de CSS y sus selectores que demuestran ser muy útiles para diseñar elementos HTML.