Introdução ao CSS

O que é CSS?

  • CSS É o que se conhece como folha de estilo em cascata* (Cascading Style Sheets)
  • CSS descreveComo exibir elementos HTML em tela, papel ou outros meios
  • CSS Economizou muita trabalho。Ele pode controlar o layout de várias páginas da web ao mesmo tempo
  • A folha de estilo externa é armazenada em Arquivo CSS中

*:Também conhecido como folha de estilo em cascata.

Demonstração CSS - Uma página HTML - Múltiplos estilos!

A seguir está uma página HTML que oferece quatro diferentes folhas de estilo. Clique nos links de folha de estilo abaixo para ver diferentes estilos:

Por que usar CSS?

CSS é usado para definir estilos de página da web, incluindo design e layout para diferentes dispositivos e tamanhos de tela.

Exemplo CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Experimente pessoalmente

CSS resolveu um grande problema

HTML nunca foi projetado para conter tags de formatação de página!

O objetivo de criar HTML édescrever a página webpor exemplo:

<h1>Este é um título.</h1>
<p>Este é um parágrafo.</p>

Após adicionar etiquetas como <font> e a propriedade color ao padrão HTML 3.2, o pesadelo dos desenvolvedores de sites começou. O desenvolvimento de grandes sites adicionou informações de fonte e cor a cada página, o que se tornou um processo longo e caro.

Para resolver esse problema, a World Wide Web Consortium (W3C) criou o CSS.

CSS removeu o formato de estilo das páginas HTML.

Se você não sabe o que é HTML, recomenda-se que você leia Tutorial HTML.

CSS economiza muito trabalho!

Definições de estilo são geralmente armazenadas em arquivos .css externos.

Ao usar arquivos de estilo de tabela externa, você precisa apenas alterar um arquivo para alterar a aparência do site inteiro!