As folhas de estilo em cascata (CSS) são uma linguagem de alto nível baseada em computador, usada para projetar páginas da web baseadas em HTML. O design de uma página inclui layouts, cores, tamanho da fonte, estilos de escrita e eles mantêm o design da página. Neste artigo, você aprenderá sobre a linguagem de estilo mais poderosa e também aprenderá como as regras do CSS para HTML. As propriedades de estilo CSS estão incorporadas com as tags html. CSS não é marcação ou linguagem processual; É uma linguagem declarativa que define suas próprias regras de acordo com o estilo de atributos.

Sintaxe CSS

A sintaxe do CSS compreende um seletor e o bloco de declaração e o bloco de declaração contém as propriedades e seus valores. Como mostrado no exemplo dado

H1
Alinhamento de texto: à direita;

Neste exemplo "H1" é um seletor, "alinhamento de texto" é uma propriedade, e "certo" é o valor da propriedade mencionada.

Seletor CSS

Assim como o HTML possui tags iguais ao CSS possui seletores, que são usados ​​para acessar os elementos HTML e estilizá -los internamente ou usando um arquivo CSS externo. Esses seletores são usados ​​para aplicar as propriedades CSS específicas em elementos HTML selecionados.

Um elemento pode ser selecionado usando o nome dos elementos, ID e nome da classe. Por exemplo, para acessar um elemento com o nome da classe, coloque um ponto (.) antes do nome da classe, como mostrado no exemplo dado.

.Centro
Alinhamento de texto: à direita;
cor verde;

De acordo com o exemplo acima, os elementos HTML com aula "Center" serão alinhados à direita e têm cor verde.

A classe CSS é implementada.

Como implementar CSS no HTML?

Existem três maneiras de a implementação do CSS em um arquivo HTML:

• Em linha
• interno e
• externo.

Estilo CSS embutido

No estilo embutido, as propriedades do CSS são fixadas nas tags html usando o atributo de estilo como mostrado no exemplo dado.

Esta tag é usada para parágrafos.

A propriedade de estilo dado torna o parágrafo específico verde. Ao usar o estilo CSS embutido, você só pode aplicar esse estilo em elementos específicos.

No entanto, esse estilo CSS embutido não é recomendado porque aumenta a complexidade do código.

Estilo CSS interno

O CSS Stylingan interno pode ser aplicado em toda a página da web porque está incorporada à seção da cabeça em uma página HTML com um elemento e podemos simplesmente acessar qualquer elelmtn usando seletores CSS. Como mostrado no exemplo dado.

Exemplo

<

Cabeçalho

Parágrafo

Estilo CSS externo

No estilo CSS externo, um arquivo CSS Speate é criado com a extensão de .CSS vinculado ao arquivo html adicionando seu link na seção principal. Várias páginas HTML podem ser usadas este arquivo externo ao mesmo tempo. Um exemplo de arquivo de estilo CSS externo é dado abaixo.

Exemplo

estilo.CSS

corpo
Background-Color: verde;

H1
cor vermelha;

P
cor preta;

índice.html

Cabeçalho

Parágrafo

Comentários no CSS

Em todos os comentários da linguagem de programação não são exibidos no navegador, no entanto, eles podem ajudar a elaborar e entender o código no momento da edição.

No CSS, um comentário é escrever entre esses sinais ( /* e */). O padrão de um comentário também é mostrado no exemplo dado:

/ * Este é um comentário */
H1
cor vermelha;

Conclusão

CSS significa folhas de estilo em cascata e é usado para projetar páginas da web baseadas em HTML. Ao usar o estilo CSS, o design de uma página, incluindo layouts, cores, tamanho da fonte e muito mais coisas. Neste post, a introdução do CSS, a sintaxe do CSS, o trabalho de CSS com arquivos HTML e como escrever comentários no CSS é explicado com a ajuda de exemplos.