O que CSS representa?

O que CSS representa?
Quando falamos sobre HTML, sabemos que o HTML é usado para criar aplicativos relacionados à Web. Para tornar o conteúdo HTML apresentável, você deve aplicar CSS adequado no HTML. O CSS compreende um vasto grupo de propriedades que podem ser aplicadas a um documento HTML em linha, interno e externo.

Tendo em vista a importância do CSS, este post serve os seguintes resultados:

  • O que CSS representa?
  • Como o CSS é aplicado a um documento HTML

O que CSS representa?

CSS significa Planilha em estilo cascata; É a única folha de estilo que torna uma página HTML atraente e apresentável. O próprio CSS é inútil até ser combinado com HTML para criar um maravilhoso site e designs de aplicativos da web e layouts. O CSS é basicamente projetado pelo W3C em 1996 como a solução de superar o processo caro de adicionar fontes e cores à página HTML.

Como o CSS é aplicado a um documento HTML

CSS pode ser aplicado no documento HTML internamente, embutido ou externamente. Portanto, o CSS pode ser dividido em três tipos: CSS em linha, CSS interno e CSS externo. Aqui, demonstramos explicitamente todas essas categorias.

CSS embutido
Diz -se que o CSS está em linha quando usamos o estilo como um atributo dentro das tags html. É útil apenas quando você precisa segmentar uma tag html.

Aqui está o código de exemplo em que o CSS embutido é aplicado.

Código




Primeiro documento


CSS embutido



Este parágrafo foi escrito para mostrar o uso de CSS embutido na página HTML.



No código acima, usamos CSS embutido para alterar o tamanho da fonte e a cor do

marcação.

Saída

A saída mostra claramente que o tamanho da fonte e a cor da fonte são alterados usando CSS embutido.

CSS interno
Diz -se que o CSS é interno quando usamos tags de estilo na seção principal da página HTML para especificar ou alterar o formato e o layout das várias tags HTML. CSS interno é usado quando precisamos criar uma classe ou atingir várias tags HTML de uma só vez, mas em pequena escala. Vamos ver o exemplo prático de CSS interno.

Código




Primeiro documento



CSS embutido



Este parágrafo foi escrito para mostrar o uso de CSS embutido na página HTML.



Neste código, usamos a tag dentro da seção da cabeça do documento. A tag tem como alvo o

e

Tags do documento HTML. Essas propriedades CSS serão aplicadas em todos os

e

Tags em todo o documento.

Saída

A saída mostra que o CSS interno altera com sucesso o tamanho e a cor da fonte de acordo com nossos requisitos.

CSS externo
Diz -se que o CSS é externo quando está escrito em um arquivo separado sem usar a tag de estilo. O arquivo é salvo com o “.CSSExtensão. O ".CSS”O arquivo está vinculado ao código HTML usando o HTML marcação. Vamos ver o exemplo prático de CSS externo.

Código




Primeiro documento



CSS externo



Este parágrafo foi escrito para mostrar o uso de CSS externo na página HTML.



Neste código, inserimos arquivos CSS externos no código HTML com a ajuda da tag para alterar a cor do tamanho da fonte e a posição do conteúdo de

tag e

marcação.

Saída

É assim que você pode integrar um arquivo CSS externo ao seu documento HTML.

Conclusão

CSS significa folha de estilo em cascata. É usado para tornar o conteúdo da página HTML expressivo e apresentável, criando desenhos e layouts maravilhosos. Este post teve como objetivo principalmente o que CSS significa. Além disso, você também aprendeu como CSS inline, interno e externo pode ser aplicado em documentos HTML.