Introdução

CSS (Cascading Style Sheets) é uma linguagem de estilo usada para descrever a apresentação de documentos escritos em uma linguagem de marcação, como HTML. O CSS descreve como os elementos HTML devem ser exibidos na tela, na impressão ou em outros meios

CSS é usado para controlar a formatação de documentos web, incluindo fontes, cores, layout e muito mais. Ao usar o CSS, os desenvolvedores podem separar o conteúdo do documento da forma como ele é apresentado, o que torna mais fácil manter e atualizar os sites.

CSS é uma linguagem de estilo muito poderosa que permite aos desenvolvedores criar sites ricos e intuitivos. Com o CSS, é possível criar layouts complexos, animações, transições e muito mais. Além disso, o CSS é muito versátil e pode ser usado em qualquer dispositivo, incluindo computadores, tablets e smartphones.

Em suma, o CSS é uma linguagem de estilo essencial para qualquer desenvolvedor web. É uma ferramenta poderosa que permite criar sites ricos e intuitivos, além de ser versátil e adaptável a qualquer dispositivo.

Estrutura

CSS (Cascading Style Sheets) é uma linguagem de estilo usada para definir a aparência de um documento escrito em HTML ou XML. É usado para definir cores, fontes, layout, tamanho de imagens e outros elementos de design.

A estrutura básica de uma folha de estilo é composta por seletores, propriedades e valores. Os seletores são usados para selecionar os elementos HTML que você deseja estilizar. As propriedades são usadas para definir o estilo de um elemento selecionado. Os valores são usados para definir o valor de uma propriedade.

<html>
  <head>
    <style>
      h1 {
        font-family: Arial;
        font-size: 20px;
        color: #000000;
      }
      p {
        font-family: Arial;
        font-size: 14px;
        color: #000000;
      }
    </style>
  </head>
  <body>
    <h1>Gatos Domésticos</h1>
    <p>Os gatos domésticos são animais muito amorosos e carinhosos. Eles são conhecidos por serem independentes, mas também podem ser muito apegados aos seus donos. Eles são ótimos companheiros e podem ser treinados para realizar diversas tarefas.</p>
  </body>
</html>

Style e Class

Class e style são duas maneiras de adicionar estilos a elementos HTML. Class é usada para definir um conjunto de estilos para um elemento HTML que pode ser aplicado a vários elementos. Style é usado para definir estilos para um elemento HTML específico.

Class é definido usando o atributo "class" em um elemento HTML. Por exemplo:

<div class="meu-estilo">Conteúdo aqui</div>g

Style é definido usando o atributo "style" em um elemento HTML. Por exemplo:

<div style="background-color: #FF0000;">Conteúdo aqui</div>

Class é usada para definir um conjunto de estilos que podem ser aplicados a vários elementos. Por exemplo, se você quiser definir um estilo para todos os elementos <p> em uma página, você pode usar a classe:gg

<style>
    .meu-estilo {
        font-size: 12px;
        font-family: Arial;
    }
</style>

<p class="meu-estilo">Conteúdo aqui</p>
<p class="meu-estilo">Conteúdo aqui</p>

Style é usado para definir estilos para um elemento HTML específico. Por exemplo, se você quiser definir um estilo para um elemento <p> específico em uma página, você pode usar o style: