O que é CSS?
- CSS significa Cascading Style Sheets
- CSS descreve como elementos HTML devem ser exibidos na tela, papel ou em outras mídias
- CSS economiza um monte de trabalho. Ele pode controlar o layout de várias páginas da web de uma só vez
- Folhas de estilo externas são armazenados emarquivos CSS
CSS Demo - Uma página HTML - vários estilos!
Aqui vamos mostrar uma página HTML exibida com quatro folhas de estilo diferentes. Clique no "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" links abaixo para ver os diferentes estilos:
Por que usar CSS?
CSS é usado para definir estilos para suas páginas da web, incluindo o design, layout e as variações na exibição para diferentes dispositivos e tamanhos de tela.
CSS resolveu um grande problema
HTML nunca foi destinado a conter tags para a formatação de uma página da web!
HTML foi criado para descrever o conteúdo de uma página web, como:
<h1> Este é um título </h1>
<p> Este é um parágrafo. </p>
Quando tags como <font> e atributos de cor foram adicionados à especificação HTML 3.2, começou um pesadelo para os desenvolvedores web. Desenvolvimento de grandes sites, onde fontes e cores informações foram adicionadas a cada página, tornou-se um processo longo e caro.
Para resolver este problema, a World Wide Web Consortium (W3C) criado CSS.
CSS removido o estilo de formatação da página HTML!
CSS economiza muito trabalho!
As definições de estilo são normalmente salvos no externos .css arquivos.
Com um arquivo de folha de estilo externa, você pode alterar a aparência de um site inteiro, alterando apenas um arquivo!