Sintaxe CSS

CSS, abreviação de folhas de estilo em cascata é uma linguagem de estilo da web usada para modelar e estruturar páginas da web escritas em html ou xml. Ele define como diferentes elementos HTML, por exemplo, títulos ou parágrafos aparecem na tela.

Como outros idiomas da Web Styling, o CSS também segue certas regras que definem o arranjo de elementos e atributos. A sintaxe de um CSS é a seguinte:

A sintaxe é explicada na tabela abaixo.

Elemento CSS	Descrição
Seletor	Ele seleciona um elemento HTML que você deseja estilizar.
Bloco de declaração	Consiste em múltiplas declarações e tesea são separadas por semicolons.
Propriedade	Uma propriedade refere -se ao atributo de uma etiqueta HTML, como cor, fonte etc.
Valor	Os valores são alocados às propriedades.

Agora existem vários tipos de seletores que são explicados abaixo.

Seletor universal

Como o nome sugere um seletor universal é usado para selecionar todos os elementos de uma página HTML. É representado por um sinal de asterisco (*). Por exemplo

*
font-cor: azul;
Alinhamento de texto: centro;

Seletor de elementos

Um seletor é usado para selecionar elementos HTML com base em seus nomes. Assim.

h
Alinhamento de texto: esquerda;
cor azul;

Seletor de identificação

Você pode estilizar elementos HTML com base em seus atributos de identificação. Por exemplo, o seguinte elemento com o id = “head1” está sendo estilizado.

#Head1
Alinhamento de texto: esquerda;
cor azul;

Seletor de classe

Seletor de classe estiliza um elemento HTML com base em um atributo de classe específico. Para selecionar um elemento HTML, usamos o DOT seguido pelo nome da classe.

.caixa
Alinhamento de texto: centro;
cor vermelha;

Seletor de agrupamento

O seletor de agrupamento é usado para selecionar todos os elementos HTML que queremos estilizar de maneira semelhante. Por exemplo.

H1, H2, P
Alinhamento de texto: centro;
cor vermelha;
peso-fonte: normal;

Conclusão

As folhas de estilo em cascata, também conhecido. Para modelar elementos HTML, precisamos seguir um conjunto de regras/sintaxe CSS. Seguindo a sintaxe do CSS, usamos algum seletor para selecionar os elementos HTML específicos e, em seguida, atribuir certos valores a propriedades para projetar esses elementos html. Neste tutorial, aprendemos a sintaxe básica do CSS e seus seletores que provam ser muito úteis para modelar elementos html.